首頁 > 博客列表 > HTML常用標(biāo)簽

博主信息

博文 16

粉絲 0

評(píng)論 0

訪問量 17312

專題推薦

更多>

相關(guān)推薦

熱門教程

更多>

相關(guān)教程

一、HTML文檔標(biāo)簽

1.<!DOCTYPE html>

文檔聲明為HTML 標(biāo)識(shí)網(wǎng)頁是遵循h(huán)tml5語法規(guī)范

2.<html lang="en">

html網(wǎng)頁中根標(biāo)簽，一個(gè)頁面中有且只有一個(gè)根標(biāo)簽，網(wǎng)頁中的所有內(nèi)容都寫在根標(biāo)簽的內(nèi)部

3.<head>

網(wǎng)頁的頭部，head標(biāo)簽中的內(nèi)容，不會(huì)在頁面中直接顯示

4.<meta charset="UTF-8" />

使用meta來設(shè)置頁面的字符集

5.<title>Document</title>

網(wǎng)頁的標(biāo)題

6.<body>

網(wǎng)頁的主體，網(wǎng)頁中所有的可見內(nèi)容，都寫在body中

二、html常用標(biāo)簽

1.標(biāo)題標(biāo)簽`h1`~`h6`共六級(jí)標(biāo)題h1最大 h6最小

    <h1>一級(jí)標(biāo)題標(biāo)簽</h1>
    <h2>二級(jí)標(biāo)題標(biāo)簽</h2>
    <h3>三級(jí)標(biāo)題標(biāo)簽</h3>
    <h4>四級(jí)標(biāo)題標(biāo)簽</h4>
    <h5>五級(jí)標(biāo)題標(biāo)簽</h5>
    <h6>六級(jí)標(biāo)題標(biāo)簽</h6>

2.段落標(biāo)簽`p`，塊級(jí)元素獨(dú)占一行

    <p>2021/09/19</p>
    <p>中秋節(jié)放假三天</p>
    <p>
      幾許人是驚世才<br />
      不見當(dāng)年李太白
    </p>

3.鏈接標(biāo)簽`a` 跳轉(zhuǎn)到指定的鏈接

    <a href="http://ipnx.cn/">php中文網(wǎng)</a>

4.無序列表`ul`,`li` 定義無序列表

    <ul>
      <li>item</li>
      <li>item</li>
      <li>item</li>
      <li>item</li>
    </ul>

5.圖像標(biāo)簽`img`

<img src="1.png" alt="" title="" width="200px" height="200px" />

6.有序列表`ol`,`li` 定義有序列表

    <ol>
      <li>item</li>
      <li>item</li>
      <li>item</li>
      <li>item</li>
    </ol>

7.自定義列表`dl`,`dt`,`dd`

<dl>
      <dt>四大名著</dt>
      <dd>西游記</dd>
    </dl>
    <dl>
      <dt>四大名著</dt>
      <dd>紅樓夢(mèng)</dd>
    </dl>
    <dl>
      <dt>四大名著</dt>
      <dd>水滸傳</dd>
      <dd>三國(guó)演義</dd>
    </dl>

8.表格`table`,`tr`,`td`

 <table border="1" width="500px" height="200px">
      <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
      </tr>
      <tr>
        <td colspan="3" align="center">橫線水平合并3個(gè)X</td>
        <!-- <td>x</td>
            <td>x</td>-->
        <td rowspan="3" align="center">向下垂直合并三個(gè)X</td>
      </tr>
      <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <!-- <td>x</td> -->
      </tr>
      <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <!-- <td>x</td> -->
      </tr>
    </table>

9.表單`form`

1.文本域text

     <form action="" method="">
      賬號(hào)：<input type="text" />
     </form>

2.密碼password

    <form action="" method="">
      密碼：<input type="password" name="pwd" />
    </form>

3.單選框radio

     <form action="" method="">
    男<input type="radio" name="sex" value="boy"/> 
    女<input type="radio" name="sex" value="gril"/>
      </form>

4.多選框checkbox

    <form action="">
    學(xué)生：<input type="checkbox" name="state" value="xuesheng" /> 
    在職：<input type="checkbox" name="state" value="zaizhi" />
    無業(yè)：<input type="checkbox" name="state" value="wuye" />
    </form>

5.提交按鈕`submit`,`button`

    <form action="">
      賬號(hào)名稱：<input type="text" name="user" />
      <input type="submit" value="submit" />
      <input type="button" value="按鈕" />
    </form>

6.重置按鈕`reset`

    <form action="">
      賬號(hào)：<input type="text" /> 密碼：<input type="password" />
      <input type="reset" value="重置" />
    </form>

9.下拉框`select`

    <select name="" id="">
      <option value="">北京</option>
      <option value="">上海</option>
      <option value="" selected="selected">廣州</option>
      <option value="">深圳</option>
    </select>

批改老師：

PHPz

批改狀態(tài)：合格

老師批語：

本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！

全部評(píng)論文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議

0條評(píng)論

作者最新博文

HTML表單和常用屬性

2023-03-14 01:05:30

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

一、HTML文檔標(biāo)簽

文檔聲明為HTML 標(biāo)識(shí)網(wǎng)頁是遵循h(huán)tml5語法規(guī)范

html網(wǎng)頁中根標(biāo)簽，一個(gè)頁面中有且只有一個(gè)根標(biāo)簽，網(wǎng)頁中的所有內(nèi)容都寫在根標(biāo)簽的內(nèi)部

網(wǎng)頁的頭部，head標(biāo)簽中的內(nèi)容，不會(huì)在頁面中直接顯示

使用meta來設(shè)置頁面的字符集

網(wǎng)頁的標(biāo)題

網(wǎng)頁的主體，網(wǎng)頁中所有的可見內(nèi)容，都寫在body中

二、html常用標(biāo)簽

1.標(biāo)題標(biāo)簽h1~h6共六級(jí)標(biāo)題h1最大 h6最小

2.段落標(biāo)簽p，塊級(jí)元素 獨(dú)占一行

3.鏈接標(biāo)簽a 跳轉(zhuǎn)到指定的鏈接

4.無序列表ul,li 定義無序列表

5.圖像標(biāo)簽img

6.有序列表ol,li 定義有序列表

7.自定義列表dl,dt,dd

8.表格table,tr,td

9.表單form