HTML-標(biāo)簽1

截屏2022-08-04 15.59.43.png

1.注釋標(biāo)簽 h1-h6 加粗 換行 文字越來(lái)越小

<body>
    <h1>1級(jí)標(biāo)題</h1>
    <h2>2級(jí)標(biāo)題</h2>
    <h3>3級(jí)標(biāo)題</h3>
    <h4>4級(jí)標(biāo)題</h4>
    <h5>5級(jí)標(biāo)題</h5>
    <h6>6級(jí)標(biāo)題</h6>
    <hr>
    <p>
        據(jù)臺(tái)媒報(bào)道,<hr><br> 昨(3日)深夜,一架大陸無(wú)人機(jī)飛過(guò)金門(mén)及北碇地須,遭臺(tái)軍方發(fā)射信號(hào)彈“警告驅(qū)離”。
    </p>
    <p>金防部還老調(diào)重彈稱,防區(qū)運(yùn)用聯(lián)合情監(jiān)偵手段,金防部還老調(diào)重彈稱</p>
</body>
截屏2022-08-04 15.45.03.png

2.標(biāo)簽分類(lèi)組成和關(guān)系分類(lèi),分為單標(biāo)簽和雙標(biāo)簽

 hr br

3.排版標(biāo)簽 分為h標(biāo)簽(標(biāo)題標(biāo)簽),p標(biāo)簽(段落標(biāo)簽),br標(biāo)簽(換行標(biāo)簽),br,hr標(biāo)簽(換行標(biāo)簽和水平標(biāo)簽)。

4.文本格式的標(biāo)簽,加粗,下劃線,傾斜,刪除線。b,u,i,s,strong,ins,em,del

<body>
    <!-- 文本格式化標(biāo)簽 -->
    <b>加粗了</b> <strong>加粗了</strong> <br>
    <u>下劃線</u> <ins>下劃線</ins>
    <i>傾斜</i> <em>傾斜</em></em>
    <s>刪除線</s> <del>刪除線</del>
</body>

5.媒體標(biāo)簽,圖片標(biāo)簽,視頻標(biāo)簽,音頻標(biāo)簽。img audio video

圖片標(biāo)簽 :標(biāo)簽中的屬性,src  width height  alt title

路徑 :相對(duì)路徑分類(lèi):同級(jí)目錄./,下級(jí)目錄,上級(jí)目錄../。
       
音頻標(biāo)簽,(mp3,wav,ogg)
Audio 默認(rèn)不顯示控件,controls autoplay 自動(dòng)播放, loop循環(huán)播放。

視頻標(biāo)簽。  
 video 視頻標(biāo)簽  controls 顯示播放控件,autoplay自動(dòng)播放,loop循環(huán)播放
視頻可以靜音播放,
<body>
    <!-- 圖片標(biāo)簽 -->
    <!-- src屬性名 = 屬性值 一個(gè)標(biāo)簽可以存在多個(gè)屬性,
        標(biāo)簽名和屬性之間和屬性之間都用空格隔開(kāi) 
        title:鼠標(biāo)放在上面等待一會(huì)就顯示-->
    <img src="https://img1.baidu.com/it/u=3491353355,426611978&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" title="放在這里">
    <!-- alt 替換文本 網(wǎng)頁(yè)加載不出來(lái)替換文本 圖沒(méi)有-->
    <img alt="貓咪">
    <!-- title 停在圖片上會(huì)顯示出來(lái) -->
    <!-- width height 設(shè)置其中一個(gè)如果另一個(gè)沒(méi)有設(shè)置,會(huì)自動(dòng)比例縮放。圖片此時(shí)不會(huì)變形 -->
    <img src="https://img1.baidu.com/it/u=3491353355,426611978&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" title="放在這里" width="80">

</body>
    <!-- 單曲循環(huán) loop -->
    <!-- autoplay 自動(dòng)播放 -->
    <!-- 控件顯示 -->
    <audio src="" controls autoplay loop></audio>
<body>
    <!-- video 視頻標(biāo)簽  controls 顯示播放控件,autoplay自動(dòng)播放,loop循環(huán)播放 muted靜音播放-->
    <video src="" controls  autoplay muted></video>
</body>

6.鏈接標(biāo)簽 a 屬性 controls, autoplay, loop,muted

<body>
     <a  target="_self">跳轉(zhuǎn)到百度</a>
     <br>
     <a href="./h1-h5.html" target="_blank">跳轉(zhuǎn)到標(biāo)題標(biāo)簽html</a>
     <br>
     <!-- 通鏈接 空鏈接 -->
     <a href='#' target="_self" >跳轉(zhuǎn)到標(biāo)題標(biāo)簽html</a>
</body>

7.demo

圖像.gif

index.html

<body>
    <h1>
        今日搜索熱詞
    </h1>
    <hr>
    <h2> 1、解放軍重要軍事演訓(xùn)行動(dòng)已開(kāi)始爆</h2>
    <p>8月4日12時(shí)至7日12時(shí),解放軍重要軍事演訓(xùn)行動(dòng)進(jìn)行,并組織實(shí)彈射擊。此次實(shí)戰(zhàn)演訓(xùn)選擇環(huán)島六大區(qū)域,在此期間, <a href="page1.html" target="_blank">有關(guān)船只和飛行器不允許進(jìn)入。</a></p>
    <h2> 1、解放軍重要軍事演訓(xùn)行動(dòng)已開(kāi)始爆</h2>
    <p>8月4日12時(shí)至7日12時(shí),解放軍重要軍事演訓(xùn)行動(dòng)進(jìn)行,并組織實(shí)彈射擊。此次實(shí)戰(zhàn)演訓(xùn)選擇環(huán)島六大區(qū)域,在此期間, <a href="page2.html" target="_blank">有關(guān)船只和飛行器不允許進(jìn)入。</a></p>
</body>

page1

<body>
    <h1>
        今日搜索熱詞
    </h1>
    <hr>
    <h2>音頻文件</h2>
    <audio src="" controls autoplay loop></audio>
</body>

page2

<body>
    <h1>
        今日搜索熱詞
    </h1>
    <hr>
    <h2>視頻文件</h2>
    <video src="" controls autoplay loop></video>
</body>
最后編輯于
?著作權(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),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • HTML 簡(jiǎn)介 什么是HTML Hyper Text Markup Language 超文本標(biāo)記語(yǔ)言 由各種標(biāo)簽組...
    小樓me閱讀 286評(píng)論 0 1
  • HTML5 HTML5[#html5]元素分類(lèi)[#%E5%85%83%E7%B4%A0%E5%88%86%E7%B...
    VicSong閱讀 291評(píng)論 0 0
  • 配置環(huán)境 網(wǎng)頁(yè)編寫(xiě)常用的編輯器 記事本: 無(wú)提示功能,不推薦。editplus/nodepad++: 小巧方便,語(yǔ)...
    MeWill閱讀 761評(píng)論 0 3
  • #### 什么是HTML? HTML:HyperText Markup Language 超文本標(biāo)記語(yǔ)言 ####...
    一通哥閱讀 919評(píng)論 0 0
  • 排版標(biāo)簽 h1-h6標(biāo)簽標(biāo)題語(yǔ)意:重要性遞減 h1 盡量少用 p 段落標(biāo)簽標(biāo)題語(yǔ)意:分段 會(huì)自動(dòng)換行 hr:水平線...
    cj小牛閱讀 913評(píng)論 0 0

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