網(wǎng)頁設(shè)計中的HTML標簽(二)

5. 圖像多媒體標簽

圖像多媒體標簽主要用于在網(wǎng)頁設(shè)計時引入外部多媒體文件,并進行顯示。主要包括下面幾個標簽。   

?<img>:定義圖像。   

?<map>:定義圖像映射。   

?<area>:定義圖像地圖內(nèi)部的區(qū)域。   

?<canvas>:定義圖形。   

?<figcaption>:定義figure元素的標題。   

?<figure>:定義媒介內(nèi)容的分組,以及它們的標題。   

?<audio>:定義聲音內(nèi)容。   

?<source>:定義媒介源。   

?<track>:定義用在媒體播放器中的文本軌道。   

?<video>:定義視頻。

6. 表格標簽

表格標簽用來在網(wǎng)站建設(shè)時組織和管理數(shù)據(jù),主要包括下面幾個標簽。   

?<table>:定義表格。   ?<caption>:定義表格標題。   

?<th>:定義表格中的表頭單元格。   

?<tr>:定義表格中的行。   

?<td>:定義表格中的單元。   

?<thead>:定義表格中的表頭內(nèi)容。

?<tbody>:定義表格中的主體內(nèi)容。   

?<tfoot>:定義表格中的表注內(nèi)容(腳注)。   

?<col>:定義表格中一個或多個列的屬性值。   

?<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編碼是目前計算機最通用的編碼標準。因為計算機只能接收數(shù)字信息,ASCII編碼將字符轉(zhuǎn)換為數(shù)字來表示,以便計算機能夠接收和處理。">           

<caption>ASCII字符集(節(jié)選)</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鍵,在瀏覽器中預(yù)覽。

7. 表單標簽表單標簽主要用來制作交互式表單,主要包括下面幾個標簽。   

?<form>:定義供用戶輸入的HTML表單。   

?<input>:定義輸入控件。   

?<textarea>:定義多行的文本輸入控件。   

?<button>:定義按鈕。   

?<select>:定義選擇列表(下拉列表)。   

?<optgroup>:定義選擇列表中相關(guān)選項的組合。   

?<option>:定義選擇列表中的選項。   

?<label>:定義input元素的標注。   

?<fieldset>:定義圍繞表單中元素的邊框。   

?<legend>:定義fieldset元素的標題。   

?<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">選項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鍵,在瀏覽器中預(yù)覽。

8. 文檔結(jié)構(gòu)塊標簽

文檔結(jié)構(gòu)塊標簽主要用于在網(wǎng)頁設(shè)計時定義符合標準化設(shè)計需求的文檔結(jié)構(gòu)塊,主要包括下面幾個標簽。   

?<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>:定義元素的細節(jié)。   

?<dialog>:定義對話框或窗口。   

?<summary>:為<details>元素定義可見的標題。

9. 編程標簽

編程標簽在網(wǎng)站建設(shè)時用于設(shè)計復(fù)雜的參數(shù)配置、程序設(shè)計或者樣式代碼,主要包括下面幾個標簽。   

?<style>:定義文檔的樣式信息。   

?<script>:定義客戶端腳本。   

?<noscript>:定義針對不支持客戶端腳本的用戶的替代內(nèi)容。   

?<embed>:為外部應(yīng)用程序(非HTML)定義容器。   

?<object>:定義嵌入的對象。   

?<param>:定義對象的參數(shù)。    

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:0871-63535511(點擊可一鍵撥號)