◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
基本的 HTML 标签
Post by 张美工, 2010-7-5, Views:| 标签描述 | |
| 定义 HTML 文档。 | |
| 定义文档的主体。 | |
| 定义标题 1 至标题 6。 | |
| 定义段落。 | |
| 插入折行。 | |
| 定义水平线。 | |
| 定义注释。 |
标题
标题使用 <h1> 至 <h6> 标签进行定义。<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTML 会自动在标题前后添加一个额外的折行。
段落
段落使用 <p> 标签进行定义。
<p>This is a paragraph</p>
<p>This is another paragraph</p>
HTML 会自动在段落前后添加一个额外的空行。
换行符
当你打算结束一行，而又不想开始一个新段落时，<br> 标签就派上用场了。无论你将它置于何处，<br> 标签都会产生一个强制的换行。
<p>This <br> is a para<br>graph with line breaks</p>
<br> 标签是空白标签，由于关闭标签没有任何意义，因此它没有类似 </br> 的终止标签。
<br> 还是 <br />
您会越来越多地发现 <br> 与 <br /> 很相似。
由于 <br> 没有结束标签，它也就违反了未来的 HTML 的规则之一，即所有的元素都必须关闭。
把这个标签写为 <br /> 是经得起未来考验的做法，XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。
HTML 注释
注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释，这么做在以后的日子里会对您的代码编辑产生帮助。
<!-- This is a comment -->
注意：左括号后需要写一个惊叹号，右括号前就不需要了。
锚标签和 Href 属性
HTML 使用 <a> （锚）标签来创建连接另一个文档的链接。
锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。
创建锚的语法：
<a href="url">Text to be displayed</a>
<a> 用来创建锚。href 属性用于定位需要链接的文档，锚的开始标签和结束标签之间的文字被作为超级链接来显示。
这个锚定义了指向 Dosite 的链接：
<a href="http://www.Dosite.cn/">Visit Dosite!</a>
Target 属性
使用 Target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
<a href="http://www.Dosite.cn/" target="_blank">Visit Dosite!</a>
锚标签和 Name 属性
Name 属性用于创建被命名的锚（named anchors）。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
以下是命名锚的语法：
<a name="label">Text to be displayed</a>
name 属性用于创建命名锚。锚的名称可以是任何你喜欢的名字。
下面这行定义了命名锚：
<a name="tips">Useful Tips Section</a>
你会注意到，命名锚会以特殊的方式来显示。
将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个节，就像这样：
<a href="http://www.Dosite.cn/html_links.asp#tips"> Jump to the Useful Tips Section </a>
框架结构标签（<frameset>）
- 框架结构标签（<frameset>）定义如何将窗口分割为框架
- 每个 frameset 定义了一系列行或列
- rows/columns 的值规定了每行或每列占据屏幕的面积
编者注：frameset 标签也被某些文章和书籍译为框架集。
框架标签（Frame）
Frame 标签定义了放置在每个框架中的 HTML 文档。
在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
表格
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
表格和边框属性
如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。
使用边框属性来显示一个带有边框的表格
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
表格的表头
表格的表头使用 <th> 标签进行定义。
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
表格中的空单元格
在大多数浏览器中，没有内容的表格单元显示得不太好。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table>
HTML 列表
HTML 支持有序、无序和定义列表
无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
浏览器显示如下：
Coffee Black hot drink Milk White cold drink
定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
Tags: 基本的 HTML 标签
分类:css+div | 评论:1 | 引用:0
或许你还对下面的文章感兴趣
Comments
1.就要懂- http://www.91dong.com
- 很基础，不过很有用！
- 2010-7-18 23:42:13 回复
<#template:pagebar#>
最新文章
最新评论
Guest
Personnel By zhangmeigong 1.8 Spirit Build 80605. Based on valid CSS 2.0 欢迎各界朋友光临本站，一起学习、共同探讨！Copyright zhangming WebSite. Some Rights Reserved.
