1.1.2 HTML文档头和文档体的基本标记
<html>
<head> </head>
<body> </body>
</html>
一：<head>头部标记 包含：
（1）<title> 标记
基本格式：<title>…</title>
（2）<link> 标记
Link元素定义当前页面和其它文件之间的关系。常用于外部层叠样式表（CSS文件）的链接。
基本格式：
<link rel="stylesheet" href="mystyles.css" type="text/css">
（3） <meta> 标记
META标记用于描述当前HTML页面的一些文档信息，例如字符编码、作者、版权、关键字、截止日期和页面刷新间隔等。
关键字
<meta name="keywords" content="yourkeyword1，yourkeyword2…">
描述
<meta name="description" content="your homepage's description">
刷新
<meta http-equiv="refresh" content="timenum; URL=new.htm">
编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
作者
<meta name="Author" content=" Author name">
调用最新版
<meta http-equiv="Pragma" content="no-cache">
例子：
<title>?HEAD元素示例</title>
<!－－网页标题?－－>
<meta?http－equiv="Content－Type"?content="text/html;?charset=gb2312">
<!－－网页内容类型，TXT或HTML格式，编码方式为GB2312简体中文码?－－>
<meta name="keywords"?content="HEAD元素">
<!－－?关键字信息为“HEAD元素”?－－>
<meta name="description"?content="本网页用于说明HEAD元素的使用方法">
<!－－?对网站内容的进一步描述－－>
<meta?http－equiv="refresh"?content="5";url="index.htm">
<!－－网页在5秒后自动刷新，链接地址为index.htm?－－>
<base href="http://www.adobe.com/"?target="_blank">
<!－－基本链接设定，目标为弹出新页面。－－>
<link?rel="stylesheet" href="homepage.css">
<!－－调入外部样式表，链接样式表文件"homepage.css"?－－>
二、<body> 标记
（1） 文字属性
text：指定HTML页面中所有无链接文字的颜色。
link：指定HTML页面中未进行链接的超链接文字的颜色。
alink：指定HTML页面中正处于链接中的超链接文字的颜色。
vlink：指定HTML页面中已链接过的超链接文字的颜色。
（2） 背景属性
bgcolor：指定HTML页面背景色。
background：指定HTML页面背景图像，默认该图像在页面内有平铺的属性。
bgproperties：只有与background属性扩展一起使用才有效，若设置成fixed，则背景图像固定、不滚动。
（3） 边距属性
leftmargin：指定HTML页面左侧页边距，单位为像素
topmargin：指定HTML页面顶端页边距，单位为像素
1.2.1 文本标记
（1） <b>、<strong> 粗体标记
（2） <i>、<em>、<var>、<cite>、
<dfn> 斜体标记
（3） <u> 下划线标记
（4） <strike> 删除线标记
（5） <big> 字体加大标记、
<small> 字体缩小标记
（6） <sup>上标记、<sub> 下标记
<Hn>标题标记
在(X)HTML中，标题一共有6个级别：<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。
这些标记用于定义标题字大小，即<hHn></hn>，其中n的取值可以从1到6，总共有6级，
数字越大文字越小。每个标题标记所标示的字句将独占一个段落。
1.2.2 段落标记
（1） <!--注释内容--> 注释标记
（2） <p /> 段落标记
<p>有一个基本属性是align对齐，属性值left、center、right
（3） <br /> 换行标记
<hr> 水平线标记
1 size属性，设定水平线厚度
2 width属性，设定水平线长度（像素或者百分比 ）
3 align属性，当水平线长度小于浏览器窗口宽度时，使用该属性可以设定水平线对齐方式
4 color属性，设定水平线颜色
5 noshade属性，设定水平线为平面显示
<pre> 预格式化标记
<pre>为预格式化标记，<pre>…</pre>成对使用。
Web浏览器按照文档编辑时原始字符的排列方式显示。保留原始字符中输入的空格及空行。
<div> 区块标记与 <span> 内嵌标记
<div>为区块标记，<span>为内嵌标记，都是用来设定元素的布局位置，
两者均成对<div>…</div>或<span>…</span>使用。<div>与<span>常用于CSS层级样式表，作为定义样式的容器。
display: inline;
display: block;
图像标记：
<img src="picfile-h" width=num-w height=num-h hspace=dis-h vspace=dis-v border=num-bor align="pos"
alt="text" lowsrc="picfile-l">
align属性 ：top、 middle、bottom、left、right
列表标记：
<ol>：有序列表（Ordered List）
<ul>：无序列表（Unordered List）
<li>：项目标记（Listed Item）
<dl>、<dt>、<dd>：定义列表（Definition List）
超链接标记 <a>
（1） 链接至其他网页：
<a href= "urlfile" target= "_self" >有链接的对象</a>
（2） 在图像上建立超链接：
<a href="urlfile"><img src="image_name.jpg" alt="单击将链接至urlfile“ /></a>
（3） 链接至电子邮件：
<a href="mailto:name@site.com">锚标</a>
2.1表格标记
1. <table> 表格标记
基本格式：
<table border="n" width="num-w" height="num-h" cellspacing="num-cs" cellpadding="num-cp" align="h-pos" background="imgfile" bgcolor="#RRGGBB" bordercolor="#RRGGBB" bordercolorlight="#RRGGBB" bordercolordark="#RRGGBB">表格内容及参数</table>
说明：
cellspacing属性
表格内单元格间距以及单元格边框和表格边框的间距（像素）
cellpadding属性
单元格内容与单元格边框间距（像素）
2. <tr> 行标记
<tr align="h-pos" valign="v-pos" width="num-w" height="num-h" bgcolor="#RRGGBB">行内容</tr>
3. <td> 普通单元格标记
<td align="h-pos" valign="v-pos" width="num-w" height="num-h" colspan="m" rowspan="n" bgcolor="#RRGGBB" background="imgfile">单元格内容<td>
说明：
colspan ：代表一个单元格内容水平方向跨了多少列，rowspan ：代表一个单元格内容垂直方向跨了多少行。
4. <th> 标题单元格标记
<th>项目标题</th>
说明：
标题单元格标记（Table Header）<th>与<td>同样是标识一个单元格，不同的是<th>所标识的单元格中的文字是以粗体、居中显示，通常用于把表格的第一行或第一列作为其他单元格内容的标题 。
5. <caption> 表格标题标记
<caption align="h-pos" valign="v-pos">表格标题</caption>
说明：
<caption>标记必须内嵌于<table>标记内使用
<html>
<head> </head>
<body> </body>
</html>
一：<head>头部标记 包含：
（1）<title> 标记
基本格式：<title>…</title>
（2）<link> 标记
Link元素定义当前页面和其它文件之间的关系。常用于外部层叠样式表（CSS文件）的链接。
基本格式：
<link rel="stylesheet" href="mystyles.css" type="text/css">
（3） <meta> 标记
META标记用于描述当前HTML页面的一些文档信息，例如字符编码、作者、版权、关键字、截止日期和页面刷新间隔等。
关键字
<meta name="keywords" content="yourkeyword1，yourkeyword2…">
描述
<meta name="description" content="your homepage's description">
刷新
<meta http-equiv="refresh" content="timenum; URL=new.htm">
编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
作者
<meta name="Author" content=" Author name">
调用最新版
<meta http-equiv="Pragma" content="no-cache">
例子：
<title>?HEAD元素示例</title>
<!－－网页标题?－－>
<meta?http－equiv="Content－Type"?content="text/html;?charset=gb2312">
<!－－网页内容类型，TXT或HTML格式，编码方式为GB2312简体中文码?－－>
<meta name="keywords"?content="HEAD元素">
<!－－?关键字信息为“HEAD元素”?－－>
<meta name="description"?content="本网页用于说明HEAD元素的使用方法">
<!－－?对网站内容的进一步描述－－>
<meta?http－equiv="refresh"?content="5";url="index.htm">
<!－－网页在5秒后自动刷新，链接地址为index.htm?－－>
<base href="http://www.adobe.com/"?target="_blank">
<!－－基本链接设定，目标为弹出新页面。－－>
<link?rel="stylesheet" href="homepage.css">
<!－－调入外部样式表，链接样式表文件"homepage.css"?－－>
二、<body> 标记
（1） 文字属性
text：指定HTML页面中所有无链接文字的颜色。
link：指定HTML页面中未进行链接的超链接文字的颜色。
alink：指定HTML页面中正处于链接中的超链接文字的颜色。
vlink：指定HTML页面中已链接过的超链接文字的颜色。
（2） 背景属性
bgcolor：指定HTML页面背景色。
background：指定HTML页面背景图像，默认该图像在页面内有平铺的属性。
bgproperties：只有与background属性扩展一起使用才有效，若设置成fixed，则背景图像固定、不滚动。
（3） 边距属性
leftmargin：指定HTML页面左侧页边距，单位为像素
topmargin：指定HTML页面顶端页边距，单位为像素
1.2.1 文本标记
（1） <b>、<strong> 粗体标记
（2） <i>、<em>、<var>、<cite>、
<dfn> 斜体标记
（3） <u> 下划线标记
（4） <strike> 删除线标记
（5） <big> 字体加大标记、
<small> 字体缩小标记
（6） <sup>上标记、<sub> 下标记
<Hn>标题标记
在(X)HTML中，标题一共有6个级别：<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。
这些标记用于定义标题字大小，即<hHn></hn>，其中n的取值可以从1到6，总共有6级，
数字越大文字越小。每个标题标记所标示的字句将独占一个段落。
1.2.2 段落标记
（1） <!--注释内容--> 注释标记
（2） <p /> 段落标记
<p>有一个基本属性是align对齐，属性值left、center、right
（3） <br /> 换行标记
<hr> 水平线标记
1 size属性，设定水平线厚度
2 width属性，设定水平线长度（像素或者百分比 ）
3 align属性，当水平线长度小于浏览器窗口宽度时，使用该属性可以设定水平线对齐方式
4 color属性，设定水平线颜色
5 noshade属性，设定水平线为平面显示
<pre> 预格式化标记
<pre>为预格式化标记，<pre>…</pre>成对使用。
Web浏览器按照文档编辑时原始字符的排列方式显示。保留原始字符中输入的空格及空行。
<div> 区块标记与 <span> 内嵌标记
<div>为区块标记，<span>为内嵌标记，都是用来设定元素的布局位置，
两者均成对<div>…</div>或<span>…</span>使用。<div>与<span>常用于CSS层级样式表，作为定义样式的容器。
display: inline;
display: block;
图像标记：
<img src="picfile-h" width=num-w height=num-h hspace=dis-h vspace=dis-v border=num-bor align="pos"
alt="text" lowsrc="picfile-l">
align属性 ：top、 middle、bottom、left、right
列表标记：
<ol>：有序列表（Ordered List）
<ul>：无序列表（Unordered List）
<li>：项目标记（Listed Item）
<dl>、<dt>、<dd>：定义列表（Definition List）
超链接标记 <a>
（1） 链接至其他网页：
<a href= "urlfile" target= "_self" >有链接的对象</a>
（2） 在图像上建立超链接：
<a href="urlfile"><img src="image_name.jpg" alt="单击将链接至urlfile“ /></a>
（3） 链接至电子邮件：
<a href="mailto:name@site.com">锚标</a>
2.1表格标记
1. <table> 表格标记
基本格式：
<table border="n" width="num-w" height="num-h" cellspacing="num-cs" cellpadding="num-cp" align="h-pos" background="imgfile" bgcolor="#RRGGBB" bordercolor="#RRGGBB" bordercolorlight="#RRGGBB" bordercolordark="#RRGGBB">表格内容及参数</table>
说明：
cellspacing属性
表格内单元格间距以及单元格边框和表格边框的间距（像素）
cellpadding属性
单元格内容与单元格边框间距（像素）
2. <tr> 行标记
<tr align="h-pos" valign="v-pos" width="num-w" height="num-h" bgcolor="#RRGGBB">行内容</tr>
3. <td> 普通单元格标记
<td align="h-pos" valign="v-pos" width="num-w" height="num-h" colspan="m" rowspan="n" bgcolor="#RRGGBB" background="imgfile">单元格内容<td>
说明：
colspan ：代表一个单元格内容水平方向跨了多少列，rowspan ：代表一个单元格内容垂直方向跨了多少行。
4. <th> 标题单元格标记
<th>项目标题</th>
说明：
标题单元格标记（Table Header）<th>与<td>同样是标识一个单元格，不同的是<th>所标识的单元格中的文字是以粗体、居中显示，通常用于把表格的第一行或第一列作为其他单元格内容的标题 。
5. <caption> 表格标题标记
<caption align="h-pos" valign="v-pos">表格标题</caption>
说明：
<caption>标记必须内嵌于<table>标记内使用
386
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
