2015-09-16 html课程总结1
HTML
（HyperText Makeup Language）是超文本标记语言。
1.HTML结构
<html>
<head>
<title>标题</title>
</head>
<body>
主体部分
</body>
</html>
另：HTML注释：<!--html-->
2.文字版面
换行：<br/>
段落标记：<p></p>
水平线：<hr>
其属性Size Width Color Align：表示水平线的 粗细 宽度 颜色 对其方式（left左,center中,right右）
空格：
居中：<center></center>
标题文字：<hn>n值为1～6 依次减小</hn>
特殊文字样式：<b>粗体</b> <i>斜体</i> <u>下划线</u> <s>删除线</s>
<sup>将文字以上标字体的方式显示</sup> <sub>将文字以下标字体的方式显示</sub>
body标签属性： bgcolor---网页背景颜色 background---网页背景图片 text---网页文字颜色
3.文字列表设计
①有序列表
<ol>
<li>编号1</li>
<li>编号2</li>
<li>编号3</li>
</ol>
编号形式：type属性 （Type=1 或A 或a或I 或i）
设置编号的开始序号：start属性
Start=n (只能是数字)
②无序列表
<ul>
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ul>
设置项目符号的形式：type属性
Type=circle 或disc或square（分为空心圆，实心和方形）
4.表格
①语法
<table>
<tr>
<td></td>
</tr>
</table>
注：<th></th>表示标题单元格
②属性
border：边框宽度；cellspacing：表格内框的宽度；cellpadding：表格内文字至边框的距离； Height /width：高/宽度
bordercolor：边框颜色； bgcolor：背景颜色； align：表格在网页中的水平对齐方式
③跨行、跨列
Rowspan="n" （跨n行） colspan=“n”（跨n列）
④表格标题标记
<caption align=top或bottom> top：标题在表格上方 bottom：标题在表格底部
5.图片标记img
<img src=”图片的位置与名称”>
①常用属性
height：高度 width：宽度 border：边框宽度
lowsrc=“低分辨率图片的位置”
alt：当浏览器不能显示所指代的图片时，可以设置IE显示一段说明该图片的文字，代替图片。
6. 超链接
①超链接标记
<a href=”链接位置”>超链接名称</a>
②图片超链接
<a href="http:\\www.baidu.com"><img src=“图片位置”></a>
