
截屏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>