標(biāo)簽和布局

<!-- h5文檔聲明 --> 
<!DOCTYPE html>
<!-- html標(biāo)簽，標(biāo)記了整個(gè)網(wǎng)頁的文檔 -->
<html>
<!-- head標(biāo)簽，標(biāo)記了文檔的一些相關(guān)設(shè)置 -->
<head>
    <!-- meat 單標(biāo)簽 -->
    <meta charset="UTF-8">
    <!-- 標(biāo)題 -->
    <title></title>
</head>
<!-- body標(biāo)記了文檔中所有的內(nèi)容 -->
<body>
  hello world !!! 你好 世界 。
<!-- div,沒有意義,一般情況下用于頁面布局 -->
<!-- css 層疊樣式表 -->
<!-- style 樣式  background:顏色，width:長度，heigth:高度。-->
<!-- px 像素 -->
<!-- 1.行間樣式    2.內(nèi)部引入樣式   3.外部引入樣式 -->
<!-- 塊標(biāo)簽和行標(biāo)簽的區(qū)別：
行標(biāo)簽，特點(diǎn)：
1.不能設(shè)置 寬、高，內(nèi)容撐開寬、高。
2.在一行顯示。
塊標(biāo)簽，特點(diǎn)：
1.能設(shè)置寬、高，默認(rèn)情況下寬度為100%，高度是內(nèi)容撐開的。
2.獨(dú)占一行顯示。 -->
<!-- 基本標(biāo)簽 -->
<!-- h標(biāo)簽叫做‘標(biāo)題’ 是塊標(biāo)簽。 -->
    <h1>h1</h1>
    <h2>h2</h2>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>

    <!-- p標(biāo)簽叫做’段落‘ 一般用于顯示文字 -->
    <p>p1標(biāo)簽</p>
    <p>p2標(biāo)簽</p>
    <!-- br標(biāo)簽作用是’換行‘。 -->
    <br>
    <!-- hr標(biāo)簽作用是’分割線‘，為塊標(biāo)簽。 -->
    <hr>
    <!-- strong標(biāo)簽作用是’加粗‘，為行標(biāo)簽。 -->
    <strong>strong1</strong>
    <!-- em標(biāo)簽的作用是’傾斜‘，為行標(biāo)簽。 -->
    <em>em1</em>
    <!-- 標(biāo)簽嵌套使用 -->
    <!-- ul標(biāo)簽叫做’無序列表‘，行標(biāo)簽。 -->
    <ul>
        <!-- li標(biāo)簽叫做’列表項(xiàng)‘。 -->
        <li>li1</li>
    </ul>
    <!-- ol標(biāo)簽叫做’有序列表‘，快標(biāo)簽。 -->
    <ol>
        <li>LI1</li>
        <li>LI2</li>
        <li>LI3</li>
    </ol>

    <!-- 定義列表 -->
    <dl>
        <!-- dt標(biāo)簽叫做’定義列表標(biāo)題‘。 -->
        <dt>dt1</dt>
        <!-- dd標(biāo)簽作用是’定義列表項(xiàng)‘。 -->
        <dd>dd1</dd><dd>dd2</dd>
    </dl>
<!-- 重要標(biāo)簽 -->
<!-- href叫做’超鏈接，行標(biāo)簽。 -->
    <a >百度</a>
    <!-- src叫做‘圖片路徑’，alt作用是‘提示信息’。 -->
    <img src="10.png" alt="SB不給你看">
    <!-- type叫做’類型‘，test作用提供’文本輸入框‘，button提供’按鈕‘。 -->
    <input type="text">
    <!-- <input type="button" value="看你麻痹"> -->
    <!-- 標(biāo)簽嵌套規(guī)則：
                1.a標(biāo)簽不能嵌套a標(biāo)簽。
                2.快標(biāo)簽可以任意嵌套（除了p、h與dt標(biāo)簽，這三個(gè)標(biāo)簽可以嵌套行標(biāo)簽）。
                3.行標(biāo)簽不能嵌套快標(biāo)簽，
                塊標(biāo)簽：div,ul,ol,li,hr,h1-h6,p,dt,dd,dl
                行標(biāo)簽：span,strong,em,input,a,img
                br

        CSS的引入方式：
                1.內(nèi)聯(lián)樣式（行間樣式）
                2.內(nèi)部引入樣式
                3.外部引入樣式
            -->
</body>
</html>
```
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容