HTML（四）
Ctrl+s：保存 Ctrl+/:单行注释
Ctrl+shift+/:注释一段选中的内容
Akt/：代码提示 Ctrl+d:快速复制一行
Ctrl+alt+l：格式化代码
点击此电脑—查看—文件扩展名
点击计算机-组织-文件夹和搜索选项-查看-隐藏已知文件类型扩展名（大电脑）
2、搜网址的快捷方式：ctrl+回车键（Enter）
3、小键盘能使用需摁 NumLock
4、打字输入单个大写字母的快捷方式：Shift+单字母
5、创建网站步骤：
1）创建文本文档，将后缀名改为“.html”
2）添加内容，右击 选择“记事本”打开该文件
6、html语言：
设计网页的一门语言（html:超文本标记语言）
7、标签特点：
1.<>括起来
2.分两类：
1）单独出现：<meta...>
2）成对出现
3.不区分大小写
8、网页的基本结构:
<html>..........................................<!--网页文档的开始-->
<head>.........................................<!--头部的开始-->
<title>...</title>...................<!--网页文档的标题-->
</head>........................................<!--头部的结束-->
<body>.........................................<!--主体的开始-->
</body>........................................<!--主体的结束-->
</html>.........................................<!--网页文档的结束-->
9、Tab表示8个空格
<body bgcolor="颜色">或<body bgcolor="#(3或6位数字或字母)"> ........................<!--背景颜色-->
<body background="图片名">...................................<!--背景图片-->
一、标题段落标签
1、换行 br
<br>表示换行，任意使用，相当于enter
2、设置水平对齐方式 align
align属性：设置水平对齐方式，有3种：left, center, right (左，中，右)
3、段落标签 P
<!--段落标签P, <p> </P>
段落会自动换行，也可以设置水平对齐方式，加上align属性
-->
4、空格  
表示空格，加在<P></P>之间的段落前
5、段落的行距 style="line-height: 33px;"
<p style="line-height: 33px;"></p> 表示段落的行距
6、 标题标签 h1-h6
<!--标题标签:有6种，h1-h6,特点：文字有大小，加粗效果，换行效果，默认居左-->
（h1与h2间距空一行）
<h1> </h1><!--一级标题-->
<h2> </h2><!--二级标题-->
........................
<h6> </h6><!--六级标题-->
二、字体字形标签
1、字体标签font
<font> </font>
<font size="" color="" face="">..</font>
size:表示文字大小，1-7
face:表示字体
2、字形标签
1）加粗 b
<b></b>
2）斜体 i
<i></i>
3）下划线
<u></u>
4）一起用模式:
<b><i><u> </u></i></b> ， 位置需颠倒
三、有序/无序列表标签
1、无序列表
<ul type="square">
<li type="disc">王者</li>
<li><a href="index.html">文字</a></li>
<li>王者</li>
</ul>
2、有序列表
<ol type="1" start="1000">
<li>文字</li>
<li>王者</li>
</ol>
3、type属性：共有3种表现方式
1.circle （空心圆）
2.square （实心方块）
3.disc （实心圆，默认）
<li>中有8种表现方式，circle , square , disc , 1, A, a, i, I
四、表格标签
1、表格标签：table
table属性:
border 边框
bordercolor 边框颜色
width/height 表格宽高
align 水平对齐方式
cellspacing 单元格间距
cellpadding 单元格边距（内容与边的距离）
嵌套：在<table></table>里面加<table></table>
2、行标签：tr
tr属性：
align 内容水平（居中）对齐方式
valign 内容垂直对齐方式
height 行高
bgcolor 背景颜色
background背景图
3、列（单元格）标签：th或td, 单元格放表格内容
th: 表示列标题，文字加粗，自动居中效果
td: 用于放具体的数据
th/td 属性：
align 内容水平（居中）对齐方式
valign 内容垂直对齐方式（ top / middle / bottom）
bgcolor 背景颜色
background背景图
width 列宽
例：
2行3列的表格
<table border="1" bordercolor="red"
width="" height=""
align="center"
background="" bgcolor=""
cellspacing="0" cellpadding="0">
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</table>
五、单元格合并
1、左右合并：跨列合并： colspan
<table border="1" cellspacing="0" cellpadding="300">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
2、上下合并：跨行合并: rowspan
<table border="1" cellspacing="0" cellpadding="300">
<tr>
<td rowspan="2"></td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
例：
(1) <table border="1" cellpadding="200" cellspacing="0">
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td ></td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
(2) </table><br><br>
<table border="1" cellpadding="150" cellspacing="0">
<tr height="3">
<td><font size="7">姓名</font></td>
<td width="350"></td>
<td><font size="7">性别</font></td>
<td width="350"></td>
<td rowspan="3" width="300" align="center"> <font size="7">相<br><br><br><br>片</font></td>
</tr>
<tr height="3">