HTML是什么?
是一種計(jì)算機(jī)語言敞葛,全稱為超文本標(biāo)記語言誉察。目前是網(wǎng)絡(luò)上使用最為廣泛的語言,也是制作網(wǎng)頁最主要的語言惹谐。與此同時(shí)持偏,HTML具有良好的兼容性驼卖,可兼容各種PC平臺(tái),這也是WWW盛行的一個(gè)主要原因鸿秆。
Web前端開發(fā)的三架馬車
為了能將我所理解的知識(shí)更好的表達(dá)出來酌畜,首先需要介紹一下HTML,JavaScript卿叽、CSS之間的關(guān)系桥胞。
HTML
網(wǎng)頁內(nèi)容的載體,也就用戶從網(wǎng)頁上看到的所有信息考婴,包括文字贩虾,圖片,視頻等沥阱。
CSS
我將CSS的操作理解為讓網(wǎng)頁看起來更美的操作缎罢。例如文字的顏色,大小考杉,方正策精,以及圖片的大小邊框等,主要是來修飾網(wǎng)頁內(nèi)容的崇棠。
JavaScript
網(wǎng)頁上的一些好看的動(dòng)態(tài)效果蛮寂,需要進(jìn)行的邏輯處理,例如發(fā)表文章的保存操作和預(yù)覽操作都是由JavaScript來完成易茬。
HTML文件的簡單構(gòu)成
<html>
<head>
//<head>標(biāo)簽用于定義文檔的頭部酬蹋,它是所有頭部元素的容器。
//頭部元素有<title>抽莱、<script>范抓、 <style>、<link>食铐、 <meta>等標(biāo)簽
</head>
<body>
//<body>標(biāo)簽中的內(nèi)容主要是網(wǎng)頁的主要內(nèi)容匕垫,例如<h1>、<p>虐呻、<a>象泵、<img>等網(wǎng)頁內(nèi)容標(biāo)簽,在這里的標(biāo)簽中的內(nèi)容會(huì)在瀏覽器中顯示出來斟叼。
</body>
</html>
head標(biāo)簽
標(biāo)簽的作用是描述文檔的各種信息和屬性偶惠,其中包括文檔的標(biāo)題等,大部分文檔頭部包含的數(shù)據(jù)并不能直接的作為內(nèi)容呈現(xiàn)給用戶朗涩。
title標(biāo)簽
<head>標(biāo)簽內(nèi)部最常用的標(biāo)簽就是<title>標(biāo)簽忽孽。<title>和</title>標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁的標(biāo)題信息,它會(huì)出現(xiàn)在瀏覽器的標(biāo)題欄中。例如:<title>微信公眾平臺(tái)</title>兄一,結(jié)果如下圖:

body標(biāo)簽
在網(wǎng)頁中要展示出來的頁面內(nèi)容一定要放在<body>標(biāo)簽中厘线。如:
在網(wǎng)頁上所展現(xiàn)的結(jié)果為:
p標(biāo)簽
如果想在網(wǎng)頁上顯示文章,這時(shí)就需要< p >標(biāo)簽了出革,把文章的段落放到< p >標(biāo)簽中造壮。如:
在網(wǎng)頁上所展現(xiàn)的結(jié)果為: