七分鐘學(xué)會(huì)HTML網(wǎng)頁制作
什么是HTML?
HTML的全稱為超文本標(biāo)記語言,是一種標(biāo)記語言。它包括一系列標(biāo)簽.通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動(dòng)畫、聲音、表格、鏈接等。一句話:HTML 是用來描述網(wǎng)頁的一種語言

編寫HTML
推薦使用:VS Code

HTML文件結(jié)構(gòu)

起始行?
<!DOCTYPE html>
?告訴瀏覽器這是一個(gè)HTML文檔開始標(biāo)簽?
<html>
結(jié)束標(biāo)簽?
</html>
html根標(biāo)簽,標(biāo)簽都是成對(duì)出現(xiàn)的,標(biāo)簽中可以嵌套文本或其他標(biāo)簽
<head>
中定義文檔的描述信息<title>
?定義title,它會(huì)顯示在瀏覽器上
HTML常用標(biāo)簽
標(biāo)題標(biāo)簽

效果:

段落標(biāo)簽:

效果:

文本樣式標(biāo)簽:

效果:

列表標(biāo)簽:
無序列表

效果:

有序列表:

效果:

超鏈接標(biāo)簽
<a href="https://www.bilibili.com/"; target="_blank">跳轉(zhuǎn)到 B 站</a>
效果:

多媒體標(biāo)簽
圖片標(biāo)簽
<img src="./smiley.gif">
視頻標(biāo)簽
<video src="./video .mp4" controls></video>
音頻標(biāo)簽
<audio src="./audio .mp3" controls></audio>
div標(biāo)簽
塊級(jí)元素,并沒具體的實(shí)際意義,主要作用是調(diào)整布局樣式;
<div>
? <h1>我的第一個(gè)標(biāo)題</h1>
?
<p>我的第一個(gè)段落。</p>
</div>
布局標(biāo)簽

更多參考資料可以關(guān)注up主視頻干貨分享或者私信索要,若對(duì)您有幫助,記得三連支持哦!非常感謝!