标记、标签、元素
标签和元素通常是描述同样的意思，但是严格来说，一个HTML元素包含了开始标签和结束标签。
一个标准的HTML页面
<!DOCTYPEhtml><!--声明了文档类型-->
<html><!--描述了文档类型-->
<head><!--可以插入<script>脚本，样式文件(css)以及各种meta信息
<metahttp-equiv="content-type"content="text/html;charset="utf-8"/>
<title>页面标题</title>
</head>
<body><!--可视化网页内容（文档的主体）</body>
常用标签
①HTML标题：<h></h>
标题是通过<h1>~<h6>标签来定义的，h是"header"的缩写。h1是主标题，只能使用一次，h2是副标题，h3~h6一次递减字体大小。
②HTML段落：<p></p>
段落是通过标签<p>来定义的，p是"paragraph"的缩写，经常被用来创建一个段落。
③HTML连接<a></a>
链接是通过标签<a>来定义的。a标签也叫archor(锚点)元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的内部导航功能。
href="网址导航"target="_self"：在当前页面进行跳转（默认）target="_blank"：新开页面跳转
锚点：是文档中某行的一个记号，用于链接到文档中的某个位置。
定义锚点：<aname="锚点名"></a>
链接到锚点：<ahref=#"锚点名">回到顶部</a>
如果只写<ahref="#"></a>默认回到页面顶部
④HTML图像<img/>
图像通过单标签<img/>来定义。
<imgsrc="location"alt="error"width="宽"height=“高”/>
src指“source”。源属性的值是图像的URL地址。
alt属性用来为图像定义一串预备的可替换的文本。
title属性可以让鼠标悬停在图像上时显示title内容（通常是图像标题）。
⑤特殊字符与标签
<br>标签可以进行换行操作<hr>标签可以定义水平线 空格<<>>
⑥HTML文本格式化
可以使用标签<b>与<i>对输出的文本进行粗体或斜体转换。通常可以使用<strong>和<em>代替前者。然而，这些标签的含义不同：
<b>与<i>定义粗体或斜体文本。
<strong>与<em>意味着这段文本是重要的，所以要突出显示。
<small>缩小文本</small><big>放大文本</big>
<sub>下标</sub><sup>上标</sup>
<pre>保留文本里所有的空格和换行操作</pre>
对于HTML，无法通过在HTML代码中添加额外的空格和空行，所有连续的空格（换行）会被合并为一个。
⑦HTML区块
HTML可以通过<p>和<span>将元素组合起来。大多数HTML元素被定义为块级元素或内联元素（行内元素）。
块级元素：独占一行，元素前后自动换行。例如：<h>、<p>、<p>、<ul>、<table>
内联元素：在显示时通常不会以新行开始。例如：<span>、<a>、<i>、<em>、<b>、<td>、<img/>
p是块级元素，它是可用于组合其他元素的容器。如果与CSS一同使用，p可用于对大的内容块设置样式属性。
span是内联元素，可用于作为文本内容的容器。当与CSS一同使用时，span可用于为部分文本设置样式属性。
⑧HTML列表
无序列表（unorderlist）：此列项目使用粗体圆点进行标记。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
·Coffee
·Milk
有序列表（orderlist）：此列项目使用数字进行标记。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
1.Coffee
2.Milk
自定义列表（definedlist）：不仅仅是一列项目，而是项目及其注释的组合。
<dl>
<dt>Coffee</dt>
<dd>-blackhotdrink</dd>
<dt>Milk</dt>
<dd>-whitecolddrink</dd>
</dl>
Coffee
-blackhotdrink
Milk
-whitecolddrink
⑨HTML表格
表格由<table>标签来定义。每个表格均有若干行（tablerow），每行被分割为若干单元格（tabledata）。可以为表格指定width和height属性，如果不定义边框属性，表格将不显示边框。
<tableborder="1">
<tr>
<th>Header1</th>
<th>Header2</th>
</tr>
<tr>
<td>row1,cell1</td>
<td>row1,cell2</td>
</tr>
<tr>
<td>row2,cell1</td>
<td>row2,cell2</td>
</tr>
</table>
在浏览器显示如下：
跨行和跨列的表格单元格
<tableborder="1">
<tr>
<th>Name</th>
<thcolspan="2">Telephone</th>
</tr>
<tr>
<td>BillGates</td>
<td>55577854</td>
<td>55577855</td>
</tr>
</table>
<h4>单元格跨两列:</h4>
<tableborder="1">
<tr>
<th>FirstName:</th>
<td>BillGates</td>
</tr>
<tr>
<throwspan="2">Telephone:</th>
<td>55577854</td>
</tr>
<tr>
<td>55577855</td>
</tr>
</table>
浏览器中显示如下：
单元格跨两格:
Name Telephone
BillGates 55577854 55577855
单元格跨两列:
FirstName: BillGates
Telephone: 55577854
55577855
Cellspacing增加单元格之间的距离
<h4>没有单元格间距:</h4>
<tableborder="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>单元格间距="0":</h4>
<tableborder="1"cellspacing="0">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>单元格间距="10":</h4>
<tableborder="1"cellspacing="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h55030.shtml
