1.基本结构：
<html>
<head>
... 头部信息
</head>
<body>
...主体内容
</body>
</html>
|
2. 常用标记—文字标记
size【3】— 1~7、+1~+7、-1~-7
face【宋体|Times New Roman】— 黑体
color 【黑色】
<font size="+2" face="华文彩云" color="#FF0000">比默认字号大两号的红色华文彩云字</font>
<font size="-1" face="黑体" color="#0033FF">比默认字号小1号的蓝色黑体字</font>
|
- ... ...：设置文字为出题字样式
- ... ...：设置文件为斜体字样式
- ...：设置为带下划线的字体
- ：设置文字为上标样式
- ：设置文字为下标样式
<b>粗体样式</b>
<i>斜体样式</i>
<s>删除线样式</s>
<sup>上标样式</sup>
|
3. 常用标记—段落标记
4. 常用标记—列表标记
- disc
- circle
- square
<ul type="cycle">
<li>计算机类</li>
<li>教材类</li>
<li>杂志类</li>
</ul>
|
- 1：数字1、2、3
- a：小写英文字母a、b、c...
- A：大写英文字母A、B、C...
- i：小写罗马数字i、ii、iii...
- I：大写罗马数字I、II、III...
<ol type="a" start="2">
<li>计算机类</li>
<li>教材类</li>
<li>杂志类</li>
<ol>
|
5. 常用标记—超链接标记：
- href：指定链接路径，当设置为“#”时表示一个空链接
- name：链接的名称，常用于书签链接
- title：链接的提示文字
- target：指定链接的目标窗口打开方式。共有4个属性值，_parent表示在上一级窗口中打开，一般使用框架页时经常使用、_blank表示在新窗口中打开、_self表示在同一个窗口中打开、_top表示在浏览器的整个窗口中打开，忽略任何框架。
- accesskey：超链接热键
<a href="aspInfo.htm" target="_blank">详细信息</a>
|
6. 常用标记—图像标记：
![]()
- src：此属性用来设置图像文件所在的路径，此路径可以是相对路径也可以是绝对路径
- height：此属性用来设置图像的高度，单位是像素
- width：此属性用来设置图像的宽度，单位是像素
- border：此属性用来设置图像边框的宽度，单位为像素。默认为无边框
- hspace：此属性用来设置两个图像之间的水平间距，单位是像素
- vspace：此属性用来设置图像与文字的垂直间距
- align：此属性用来设置图像的对齐方式
- alt：此属性用来设置提示文字，当浏览器没有加载上图像或加载图像后鼠标悬停在图片上方时，将显示出提示文字
<img src="DSC00568.JPG" width="200" border="6" alt="打渔">
|
7. 常用标记-表格标记：表格标记、行标记和单元格标记
<table>
<caption>表格标题内容</caption>
<tr>
<th>表头内容</th>
<th>表头内容</th>
...
</tr>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
...
</tr>
</table>
|
1)表格标记：
- width:设置表格的宽度，默认表格的宽度雨表格内文字的宽度相关。（像素/浏览器的百分比）
- height：设置表格的高度，其设置方法与设置表格的宽度相同
- aligh：设置表格在网页中的位置
- border：设置表格边框的宽度，单位为像素。需要注意的是只有设置其属性值大于0时才可以显示出表格的边框
- bordercolor：设置表格边框的颜色，但前提是必须保证表格边框值大于0
- cellspacing：设置表格边框的宽度，表格内框的宽度指的是单元格与单元格之间的宽度
- cellpadding：设置表格内文字与边框的距离
- bgcolor：设置表格的背景颜色
- background：设置表格的背景图像
2)表格标题标记：
3)表格表头标记:
... | 4)行标记
...
- width：设置行的宽度，此属性只对设置的当前行有效
- heigh：设置行的高度
- bordercolor：设置改行的边框颜色
- bgcolor：设置改行的背景颜色
- background：设个改行的背景图像
- aligh：设置该行文字的水平对齐方式
- valigh：设置该行的垂直对齐方式
6)单元格标记
| - colspan：此属性值为正整数表示需要合并单元格的个数
- rowspan：此属性值为正整数表示需要合并行的个数
<table width="250" bordercolor="#006699" border="1" cellpadding="0" cellspacing="0">
<caption>图书分类表</caption>
<tr bgcolor="#00CC00">
<th>类别</th>
<th>书名</th>
<th>价格</th>
</tr>
<tr>
<td rowspan="2">计算机</td>
<td bgcolor="#9966FF">.NET开发</td>
<td>100</td>
</tr>
<tr>
<td>C#开发</td>
<td>56</td>
</tr>
<tr>
<td>文学</td>
<td>开发</td>
<td>91</td>
</tr>
<tr>
<td colspan="3" align="right">日期：2008-08-08</td>
</tr>
</table>
|
8. 常用标记-框架标记：框架容器标记、框架页面标记
<html>
<head>
<title>框架页面的标题</title>
</head>
<frameset>
<frame>
<frame>
...
</frameset>
</html>
|
1)框架容器标记，用作框架的声明：
