HTML定義的標簽很多，下面對常用標簽進行說明，隨著學習不斷深入，相信會逐步掌握在網頁設計時HTML所有標簽的用法和使用技巧。
1、文檔基本標簽在網站建設時主要用來標識文檔的基本結構，也是網頁設計中一個網頁文檔應該使用的基本標簽。
?<!DOCTYPE>：定義文檔類型。
?<html>：定義HTML文檔。
?<head>：定義關于文檔的信息。
?<meta>：定義關于HTML文檔的元信息。
?<title>：定義文檔的標題。
?<body>：定義文檔的主體。
?<h1>…<h6>：定義HTML標題。
?<p>：定義段落。
?<br>：定義簡單的折行。
?<hr>：定義水平線。
?<!--...-->：定義注釋。
2. 格式標簽格式標簽主要用來標識文本區(qū)塊，并附帶一定的顯示格式。
?<acronym>：定義首字母縮寫。
?<abbr>：定義縮寫。
?<address>：定義文檔作者或擁有者的聯(lián)系信息。
?<b>：定義粗體文本。
?<bdi>：定義文本的文本方向，使其脫離其周圍文本的方向設置。
?<bdo>：定義文字方向。
?<big>：定義大號文本。
?<blockquote>：定義塊引用。
?<cite>：定義引用（citation）的源URL。
?<code>：定義計算機代碼文本。
?<del>：定義被刪除文本。
?<dfn>：定義定義項目。
?<em>：定義強調文本。
?<i>：定義斜體文本。
?<ins>：定義被插入文本。
?<kbd>：定義鍵盤文本。
?<mark>：定義有記號的文本。
?<meter>：定義預定義范圍內的度量。
?<pre>：定義預格式文本。
?<progress>：定義任何類型的任務的進度。
?<q>：定義短的引用。
?<rp>：定義若瀏覽器不支持ruby元素顯示的內容。
?<rt>：定義ruby注釋的解釋。
?<ruby>：定義ruby注釋。
?<samp>：定義計算機代碼樣本。
?<small>：定義小號文本。
?<strong>：定義語氣更為強烈的強調文本。
?<sup>：定義上標文本。
?<sub>：定義下標文本。
?<time>：定義日期／時間。
?<tt>：定義打字機文本。
?<var>：定義文本的變量部分。
?<wbr>：定義視頻。
【示例1】啟動Dreamweaver，新建文檔，保存為test.html。在代碼視圖下輸入下面代碼，分別使用<h1>和<p>標簽標識網頁標題和段落文本。
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>示例代碼</title>
</head>
<body>
<h1>文本格式標簽</h1><p>& lt;p& gt;標簽標識段落文本</p>
</body>
</html>
【示例2】使用Dreamweaver新建文檔，保存為test1.html。輸入下面代碼，分別使用各種字符格式標簽顯示一個數(shù)學方程式的解法。
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>示例代碼</title>
</head><body>
<p>例如，針對下面這個一元二次方程：</p><p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p>
<p>我們使用<big><b>分解因式法</b></big>來演示解題思路如下：</p>
<p><small>由：</small>(<i>x</i>-1)(<i>x</i>-4)=0</p>
<p><small>得：</small><br /><i>x</i><sub>1</sub>=1<br /> <i>x</i><sub>2</sub>=4</p>
</body>
</html>
3. 列表標簽
在HTML文檔中，列表結構可以分為兩種類型：有序列表和無序列表。無序列表使用項目符號來標識列表，而有序列表則使用編號來標識列表的項目順序。具體使用標簽說明如下。
?<ul>：定義無序列表。
?<ol>：定義有序列表。
?<li>：定義列表的項目。
?<dl>：定義定義列表。
?<dt>：定義定義列表中的項目。
?<dd>：定義定義列表中項目的描述。
?<menu>：定義命令的菜單／列表。
?<menuitem>：定義用戶可以從彈出菜單調用的命令／菜單項目。
?<command>：定義命令按鈕。
【示例3】使用Dreamweaver新建文檔，保存為test2.html。輸入下面代碼，使用無序列表分別顯示了一元二次方程求解有4種方法。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>示例代碼</title></head><body><h1>解一元二次方程</h1>
<p>一元二次方程求解有4種方法：</p>
<ul>
<li>直接開平方法 </li>
<li>配方法 </li>
<li>公式法 </li>
<li>分解因式法</li>
</ul>
</body>
</html>
按F12鍵，在瀏覽器中預覽。
4. 鏈接標簽
鏈接標簽可以實現(xiàn)把多個網頁聯(lián)系在一起。
?<a>：定義錨。
?<link>：定義文檔與外部資源的關系。
?<nav>：定義導航鏈接。
【示例5】新建文檔，保存為test4.html。輸入下面代碼，使用<a>標簽定義一個超鏈接，單擊該超鏈接可以跳轉到百度首頁。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>示例代碼</title>
</head>
<body><a href="http://www.baidu.com/">去百度搜索</a>
</body>
</html>
當前文章標題：網頁設計中的HTML標簽（一）
當前URL：http://www.iy5y368.cn/news/wzzz/3050.html
上一篇：網頁設計中的HTML基本語法
下一篇：網頁設計中的HTML標簽（二）
