5. 圖像多媒體標簽
圖像多媒體標簽主要用于在網頁設計時引入外部多媒體文件,并進行顯示。主要包括下面幾個標簽。
?<img>:定義圖像。
?<map>:定義圖像映射。
?<area>:定義圖像地圖內部的區域。
?<canvas>:定義圖形。
?<figcaption>:定義figure元素的標題。
?<figure>:定義媒介內容的分組,以及它們的標題。
?<audio>:定義聲音內容。
?<source>:定義媒介源。
?<track>:定義用在媒體播放器中的文本軌道。
?<video>:定義視頻。
6. 表格標簽
表格標簽用來在網站建設時組織和管理數據,主要包括下面幾個標簽。
?<table>:定義表格。 ?<caption>:定義表格標題。
?<th>:定義表格中的表頭單元格。
?<tr>:定義表格中的行。
?<td>:定義表格中的單元。
?<thead>:定義表格中的表頭內容。
?<tbody>:定義表格中的主體內容。
?<tfoot>:定義表格中的表注內容(腳注)。
?<col>:定義表格中一個或多個列的屬性值。
?<colgroup>:定義表格中供格式化的列組。
【示例7】新建文檔,保存為test6.html。輸入下面代碼,使用表格結構顯示5行3列的數據集。
<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編碼是目前計算機最通用的編碼標準。因為計算機只能接收數字信息,ASCII編碼將字符轉換為數字來表示,以便計算機能夠接收和處理。">
<caption>ASCII字符集(節選)</caption>
<tr>
<th>十進制</th>
<th>十六進制</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鍵,在瀏覽器中預覽。
7. 表單標簽表單標簽主要用來制作交互式表單,主要包括下面幾個標簽。
?<form>:定義供用戶輸入的HTML表單。
?<input>:定義輸入控件。
?<textarea>:定義多行的文本輸入控件。
?<button>:定義按鈕。
?<select>:定義選擇列表(下拉列表)。
?<optgroup>:定義選擇列表中相關選項的組合。
?<option>:定義選擇列表中的選項。
?<label>:定義input元素的標注。
?<fieldset>:定義圍繞表單中元素的邊框。
?<legend>:定義fieldset元素的標題。
?<datalist>:定義下拉列表。
?<keygen>:定義生成密鑰。
?<output>:定義輸出的一些類型。
【示例8】新建文檔,保存為test7.html。輸入下面代碼,分別定義單行文本框、多行文本框、復選框、單選按鈕、下拉菜單和提交按鈕的表單。
<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>復選框:復選框1<input name="checkbox1" type="checkbox" value="" />
復選框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">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
</select>
</p>
<p><input type="submit" name="button"
id="button" value="提交" /></p>
</form>
</body>
</html>
按F12鍵,在瀏覽器中預覽。
8. 文檔結構塊標簽
文檔結構塊標簽主要用于在網頁設計時定義符合標準化設計需求的文檔結構塊,主要包括下面幾個標簽。
?<div>:定義文檔中的分區或節(division/section),節表示內容結構塊。
?<span>:用來組合文檔中的行內元素。
?<header>:定義section或page的頁眉。
?<footer>:定義section或page的頁腳。
?<section>:定義section。
?<article>:定義文章。
?<aside>:定義頁面內容之外的內容。
?<details>:定義元素的細節。
?<dialog>:定義對話框或窗口。
?<summary>:為<details>元素定義可見的標題。
9. 編程標簽
編程標簽在網站建設時用于設計復雜的參數配置、程序設計或者樣式代碼,主要包括下面幾個標簽。
?<style>:定義文檔的樣式信息。
?<script>:定義客戶端腳本。
?<noscript>:定義針對不支持客戶端腳本的用戶的替代內容。
?<embed>:為外部應用程序(非HTML)定義容器。
?<object>:定義嵌入的對象。
?<param>:定義對象的參數。
當前文章標題:網頁設計中的HTML標簽(二)
當前URL:http://www.258852.net/news/wzzz/3051.html
上一篇:網頁設計中的HTML標簽(一)
下一篇:網頁設計中的HTML屬性