• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 網(wǎng)頁(yè)設(shè)計(jì)中的HTML標(biāo)簽(二)

        5. 圖像多媒體標(biāo)簽

        圖像多媒體標(biāo)簽主要用于在網(wǎng)頁(yè)設(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)簽用來(lái)在網(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ù)字來(lái)表示,以便計(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)簽主要用來(lái)制作交互式表單,主要包括下面幾個(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)頁(yè)設(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>:用來(lái)組合文檔中的行內(nèi)元素。   

        ?<header>:定義section或page的頁(yè)眉。   

        ?<footer>:定義section或page的頁(yè)腳。   

        ?<section>:定義section。   

        ?<article>:定義文章。   

        ?<aside>:定義頁(yè)面內(nèi)容之外的內(nèi)容。   

        ?<details>:定義元素的細(xì)節(jié)。   

        ?<dialog>:定義對(duì)話框或窗口。   

        ?<summary>:為<details>元素定義可見(jiàn)的標(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ù)。    

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>