5. 圖像多媒體標(biāo)簽
圖像多媒體標(biāo)簽主要用于在網(wǎng)頁設(shè)計(jì)時(shí)引入外部多媒體文件，并進(jìn)行顯示。主要包括下面幾個(gè)標(biāo)簽。
?<img>：定義圖像。
?<map>：定義圖像映射。
?<area>：定義圖像地圖內(nèi)部的區(qū)域。
?<canvas>：定義圖形。
?<figcaption>：定義figure元素的標(biāo)題。
?<figure>：定義媒介內(nèi)容的分組，以及它們的標(biāo)題。
?<audio>：定義聲音內(nèi)容。
?<source>：定義媒介源。
?<track>：定義用在媒體播放器中的文本軌道。
?<video>：定義視頻。
6. 表格標(biāo)簽
表格標(biāo)簽用來在網(wǎng)站建設(shè)時(shí)組織和管理數(shù)據(jù)，主要包括下面幾個(gè)標(biāo)簽。
?<table>：定義表格。 ?<caption>：定義表格標(biāo)題。
?<th>：定義表格中的表頭單元格。
?<tr>：定義表格中的行。
?<td>：定義表格中的單元。
?<thead>：定義表格中的表頭內(nèi)容。
?<tbody>：定義表格中的主體內(nèi)容。
?<tfoot>：定義表格中的表注內(nèi)容（腳注）。
?<col>：定義表格中一個(gè)或多個(gè)列的屬性值。
?<colgroup>：定義表格中供格式化的列組。
【示例7】新建文檔，保存為test6.html。輸入下面代碼，使用表格結(jié)構(gòu)顯示5行3列的數(shù)據(jù)集。
<html>
<head>
<meta http-equiv="
Content-Type" content="text/html; charset=utf-8" />
<title>示例代碼</title>
</head>
<body>
<table summary="ASCII是英文American Standard Code for Information Interchange的縮寫。ASCII編碼是目前計(jì)算機(jī)最通用的編碼標(biāo)準(zhǔn)。因?yàn)橛?jì)算機(jī)只能接收數(shù)字信息，ASCII編碼將字符轉(zhuǎn)換為數(shù)字來表示，以便計(jì)算機(jī)能夠接收和處理。">
<caption>ASCII字符集（節(jié)選）</caption>
<tr>
<th>十進(jìn)制</th>
<th>十六進(jìn)制</th>
<th>字符</th>
</tr>
<tr>
<td>9</td>
<td>9</td>
<td>TAB(制表符)</td>
</tr>
<tr>
<td>10</td>
<td>A</td>
<td>換行</td>
</tr>
<tr>
<td>13</td>
<td>D</td>
<td>回車</td>
</tr>
<tr>
<td>32</td>
<td>20</td>
<td>空格</td>
</tr>
</table>
</body>
</html>
按F12鍵，在瀏覽器中預(yù)覽。
7. 表單標(biāo)簽表單標(biāo)簽主要用來制作交互式表單，主要包括下面幾個(gè)標(biāo)簽。
?<form>：定義供用戶輸入的HTML表單。
?<input>：定義輸入控件。
?<textarea>：定義多行的文本輸入控件。
?<button>：定義按鈕。
?<select>：定義選擇列表（下拉列表）。
?<optgroup>：定義選擇列表中相關(guān)選項(xiàng)的組合。
?<option>：定義選擇列表中的選項(xiàng)。
?<label>：定義input元素的標(biāo)注。
?<fieldset>：定義圍繞表單中元素的邊框。
?<legend>：定義fieldset元素的標(biāo)題。
?<datalist>：定義下拉列表。
?<keygen>：定義生成密鑰。
?<output>：定義輸出的一些類型。
【示例8】新建文檔，保存為test7.html。輸入下面代碼，分別定義單行文本框、多行文本框、復(fù)選框、單選按鈕、下拉菜單和提交按鈕的表單。
<html>
<head>
<meta http-equiv="
Content-Type" content="text/html; charset=utf-8" />
<title>示例代碼
</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>單行文本域：<input type="text" name="textfield" id="textfield" /></p>
<p>密碼域：<input type="password" name="passwordfield" id="passwordfield" /></p>
<p>多行文本域：<textarea name="textareafield" id="textareafield"> </textarea></p>
<p>復(fù)選框：復(fù)選框1<input name="checkbox1" type="checkbox" value="" />
復(fù)選框2<input name="checkbox2" type="checkbox" value="" />
</p>
<p>單選按鈕：
<input name="radio1" type="radio" value="" />按鈕1
<input name="radio2" type="radio" value="" />按鈕2</p>
<p>下拉菜單：
<select name="selectlist">
<option value="1">選項(xiàng)1</option>
<option value="2">選項(xiàng)2</option>
<option value="3">選項(xiàng)3</option>
</select>
</p>
<p><input type="submit" name="button"
id="button" value="提交" /></p>
</form>
</body>
</html>
按F12鍵，在瀏覽器中預(yù)覽。
8. 文檔結(jié)構(gòu)塊標(biāo)簽
文檔結(jié)構(gòu)塊標(biāo)簽主要用于在網(wǎng)頁設(shè)計(jì)時(shí)定義符合標(biāo)準(zhǔn)化設(shè)計(jì)需求的文檔結(jié)構(gòu)塊，主要包括下面幾個(gè)標(biāo)簽。
?<div>：定義文檔中的分區(qū)或節(jié)（division/section），節(jié)表示內(nèi)容結(jié)構(gòu)塊。
?<span>：用來組合文檔中的行內(nèi)元素。
?<header>：定義section或page的頁眉。
?<footer>：定義section或page的頁腳。
?<section>：定義section。
?<article>：定義文章。
?<aside>：定義頁面內(nèi)容之外的內(nèi)容。
?<details>：定義元素的細(xì)節(jié)。
?<dialog>：定義對(duì)話框或窗口。
?<summary>：為<details>元素定義可見的標(biāo)題。
9. 編程標(biāo)簽
編程標(biāo)簽在網(wǎng)站建設(shè)時(shí)用于設(shè)計(jì)復(fù)雜的參數(shù)配置、程序設(shè)計(jì)或者樣式代碼，主要包括下面幾個(gè)標(biāo)簽。
?<style>：定義文檔的樣式信息。
?<script>：定義客戶端腳本。
?<noscript>：定義針對(duì)不支持客戶端腳本的用戶的替代內(nèi)容。
?<embed>：為外部應(yīng)用程序（非HTML）定義容器。
?<object>：定義嵌入的對(duì)象。
?<param>：定義對(duì)象的參數(shù)。
當(dāng)前文章標(biāo)題：網(wǎng)頁設(shè)計(jì)中的HTML標(biāo)簽（二）
當(dāng)前URL：http://51zuanshi.com.cn/news/wzzz/3051.html
