全網(wǎng)最權(quán)威的HTML基礎(chǔ)語(yǔ)法集錦，另附詳細(xì)web前端

全網(wǎng)最權(quán)威的HTML基礎(chǔ)語(yǔ)法集錦，另附詳細(xì)web前端視頻教程，限免

述

HTML文檔由HTML元素組成，一個(gè)HTML元素由一個(gè)標(biāo)簽和一組屬性組成。一個(gè)標(biāo)簽可以有一個(gè)或多個(gè)屬性，屬性以名稱和值成對(duì)出現(xiàn)。Web 瀏覽器讀取HTML 文檔，并以網(wǎng)頁(yè)的形式顯示出來(lái)，瀏覽器不會(huì)顯示 HTML 標(biāo)簽，而是通過(guò)標(biāo)簽來(lái)解釋網(wǎng)頁(yè)的內(nèi)容。

HTML(Hyper Text Mark-up Language超文本標(biāo)記語(yǔ)言)：不是編程語(yǔ)言，而是一種描述性的標(biāo)記語(yǔ)言，用于描述網(wǎng)頁(yè)中內(nèi)容的顯示方式，比如文字以什么顏色、大小來(lái)顯示等，這些都是利用Html標(biāo)記來(lái)實(shí)現(xiàn)。

HTML標(biāo)簽是由尖括號(hào)（“<”和“>”）包圍的關(guān)鍵詞，如標(biāo)簽 <p>。標(biāo)簽不區(qū)分大小寫，故 <p> 和 <P> 的含義相同，不過(guò)推薦使用小寫。

HTML標(biāo)簽通常成對(duì)出現(xiàn)，一個(gè)是開(kāi)始標(biāo)簽，一個(gè)是結(jié)束標(biāo)簽。開(kāi)始標(biāo)簽告訴瀏覽器，從這里開(kāi)始執(zhí)行該標(biāo)簽所表示的功能；結(jié)束標(biāo)簽告訴瀏覽器，該功能到這里結(jié)束。在開(kāi)始標(biāo)簽前加一個(gè)斜杠（/）即成為結(jié)束標(biāo)簽。如，html 元素的開(kāi)始標(biāo)簽是 <html>，結(jié)束標(biāo)簽是</html>。也就是說(shuō)，一個(gè)HTML 元素由開(kāi)始標(biāo)簽、內(nèi)容、結(jié)束標(biāo)簽組成。開(kāi)始標(biāo)簽是放在一對(duì)尖括號(hào)中的元素名稱及可能包含的屬性，結(jié)束標(biāo)簽是放在一對(duì)尖括號(hào)中的斜杠加元素的名稱。語(yǔ)法格式為：<開(kāi)始標(biāo)簽>內(nèi)容</結(jié)束標(biāo)簽>。如，em 元素的開(kāi)始標(biāo)簽為<em>，結(jié)束標(biāo)簽為 </em>，在<em> 和 </em> 標(biāo)簽之間是元素的內(nèi)容。如下圖所示：

HTML的文檔結(jié)構(gòu)

所有的網(wǎng)頁(yè)文件，通過(guò)都是四對(duì)標(biāo)記來(lái)構(gòu)成文檔的骨架，它們是：

小結(jié)：

<html>…</html>標(biāo)識(shí)網(wǎng)頁(yè)文件的開(kāi)始與結(jié)束，所有的Html元素，都要放在這對(duì)標(biāo)記中。
<head>…</head>標(biāo)識(shí)網(wǎng)頁(yè)文件的頭部信息，如標(biāo)題、搜索引擎關(guān)鍵字等
<title>…</title>標(biāo)識(shí)網(wǎng)頁(yè)文件的標(biāo)題
<body>…</body>標(biāo)識(shí)網(wǎng)頁(yè)文件的主體部分

常見(jiàn)的HTML的標(biāo)記語(yǔ)法

1. 單標(biāo)記

一．<標(biāo)記名稱>

單一型，無(wú)屬性值

如：<br/>——表示換行符

二．<標(biāo)記名稱屬性=”屬性值”>

單一型，有屬性值

如：<hr width=”80%”/>

2. 雙標(biāo)記

三．<標(biāo)記名稱>…</標(biāo)記名稱>

沒(méi)有屬性值

如：<title>…<title>

四．<標(biāo)記名稱屬性=”屬性值”>…</標(biāo)記名稱>

有屬性值

如：<body bgcolor=”red”>…</body>

注釋

格式：

<!—注釋內(nèi)容-->

Body屬性

<font>標(biāo)記

語(yǔ)法：

字符格式

段落標(biāo)記

格式：

HTML中的特殊字符

修飾標(biāo)記

水平直線<hr/>

最后：

有小伙伴私信小編，零基礎(chǔ)入門前端很吃力，許多地方根本不知道應(yīng)該怎么進(jìn)行下去。

因此小編收集了一套前端零基礎(chǔ)入門的視頻教程（學(xué)完就可以去找工作哦）今天免費(fèi)分享給大家。

希望小伙伴們可以對(duì)照著小編文中提到的知識(shí)點(diǎn)一步步學(xué)習(xí)，最終可以找到適合自己的工作！但還是那句話，如果你不努力，就算有千萬(wàn)個(gè)人幫助你，最終也會(huì)一事無(wú)成！

獲取方式：轉(zhuǎn)發(fā)關(guān)注+私信小編 “ web學(xué)習(xí) ”，即可免費(fèi)帶走這套學(xué)習(xí)教程了。

教程目錄大綱：

TML 語(yǔ)法

書寫規(guī)范：

小寫標(biāo)簽和屬性
屬性值雙引號(hào)
代碼因嵌套縮進(jìn)

全局屬性

id, <div id='unique-element'></div>，頁(yè)面中唯一
class，<button class='btn'>Click Me</button>，頁(yè)面中可重復(fù)出現(xiàn)
style，盡量避免
title，對(duì)于元素的描述類似于 Tooltip 的效果。就是文本懸浮啦。

補(bǔ)充上一節(jié)HTML發(fā)展史：

TML5的語(yǔ)法變化

HTML5中，語(yǔ)法發(fā)生了很大的變化。或許有人會(huì)抱著異常驚訝和不安地問(wèn)“HTML普及到何種程度”“根本的語(yǔ)法發(fā)生了變化，會(huì)有多大影響”。

只是，HTML5的“語(yǔ)法變化”和其他編程語(yǔ)言所謂的語(yǔ)法變更意義有所不同。為什么這么說(shuō)呢？原因比較特殊，因?yàn)橐郧暗腍TML幾乎沒(méi)有遵循規(guī)范實(shí)現(xiàn)的Web瀏覽器。

現(xiàn)有瀏覽器與規(guī)范背離

HTML的語(yǔ)法是在SGML（Standard Generalized Markup Language）語(yǔ)言的基礎(chǔ)上來(lái)規(guī)定的。但是由于SGML的語(yǔ)法非常復(fù)雜，文檔結(jié)構(gòu)解析程序的開(kāi)發(fā)也不太容易，多數(shù)Web瀏覽器不作為SGML解析器運(yùn)行。由此，HTML規(guī)范中雖然要求“應(yīng)遵循SGML的語(yǔ)法”，但實(shí)際情況卻是遵循規(guī)范實(shí)現(xiàn)的Web瀏覽器幾乎不存在。

　規(guī)范向?qū)崿F(xiàn)靠攏

如上所述，HTML5中提高Web瀏覽器間的兼容性是重大的目標(biāo)之一。要確保兼容性，必須消除規(guī)范與實(shí)現(xiàn)的背離。因此HTML5以近似現(xiàn)有的實(shí)現(xiàn)，重新定義了新的HTML語(yǔ)法，使規(guī)范向?qū)崿F(xiàn)靠攏。

由于文檔結(jié)構(gòu)解析的算法也有著詳細(xì)的記載，使得Web瀏覽器開(kāi)發(fā)者可以專注于遵循規(guī)范去進(jìn)行實(shí)現(xiàn)工作。在新版本的FireFox和WebKit（Nightly Builder版）中，已經(jīng)內(nèi)置了遵循HTML5規(guī)范的解析器。IE（Internet Explorer）和Opera也為了能夠提供更好的兼容性實(shí)現(xiàn)而緊鑼密鼓地努力著。

了解更多前端知識(shí)，可以點(diǎn)擊下方鏈接和小編一起學(xué)習(xí)喲~

「鏈接」

在線咨詢

上一篇：熱門Web前端資源網(wǎng)站推薦
下一篇：HTML 框架標(biāo)簽-frameset