專(zhuān)注Java教育14年
全國(guó)咨詢(xún)/投訴熱線(xiàn)：400-8080-105
更新時(shí)間：2021-08-26 12:35:22 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽1023次
HTML代表超文本標(biāo)記語(yǔ)言。標(biāo)記語(yǔ)言圍繞內(nèi)容以告訴瀏覽器如何對(duì)其進(jìn)行格式化。HTML通過(guò)一系列元素來(lái)做到這一點(diǎn)。HTML元素由開(kāi)始標(biāo)記和結(jié)束標(biāo)記組成，如下所示：
<p>You're Learning HTML!</p>
上面我們可以看到向?yàn)g覽器p指示段落的元素。開(kāi)始標(biāo)記<p>表示段落的開(kāi)始，結(jié)束標(biāo)記</p>定義段落的結(jié)束。如您所見(jiàn)，標(biāo)簽名稱(chēng)被<>尖括號(hào)包圍。You're Learning HTML!中心的所有內(nèi)容都是段落的正文。這告訴瀏覽器在內(nèi)容“你正在學(xué)習(xí) HTML!”之前和之后添加空格。
有一些例外，元素可能只有一個(gè)開(kāi)始標(biāo)簽。我們將在下面的示例中看到其中的一些，例如圖像元素，<img>但稍后會(huì)詳細(xì)介紹。
在起始標(biāo)簽內(nèi)，<p>我們可以放置屬性，例如class="intro"(完整的<p class="intro">)，幫助我們從 JavaScript 和 CSS 中引用段落元素(稍后會(huì)詳細(xì)介紹)。這些選項(xiàng)只能在開(kāi)始標(biāo)簽中找到，而不會(huì)在結(jié)束標(biāo)簽中找到。我們使用鍵盤(pán)空格將元素名稱(chēng)p與屬性名稱(chēng)分開(kāi)class。我們可以attribute="value"使用=等號(hào)和"引號(hào)將我們的值括起來(lái)，為我們的屬性設(shè)置一個(gè)值。
所有 HTML 頁(yè)面都有一個(gè)標(biāo)準(zhǔn)化的文檔結(jié)構(gòu)：
<html>
<head>
<!-- Meta data for the browser and search engines -->
</head>
<body>
<!-- Visible content area -->
</body>
</html>
該<html>標(biāo)簽包裝了所有內(nèi)容，并告訴瀏覽器開(kāi)始和結(jié)束<html>...<html>標(biāo)簽之間的所有內(nèi)容都將被解釋為 HTML 代碼。嵌套在里面<html>...<html>，我們有<head>...<head>和<body>...<body>。在head包含了瀏覽器和搜索引擎(如頁(yè)面，鏈接到其他樣式表和腳本，meta關(guān)鍵字和描述，其中包括標(biāo)題)的數(shù)據(jù)。此內(nèi)容不是我們網(wǎng)站的訪(fǎng)問(wèn)者會(huì)直接看到的內(nèi)容。
相比之下，body包含用戶(hù)在訪(fǎng)問(wèn)網(wǎng)頁(yè)時(shí)看到的所有可見(jiàn)內(nèi)容。這包括標(biāo)題、段落和圖像、鏈接、視頻、音頻播放器、地圖、表單等文本。
處理文檔結(jié)構(gòu)的一個(gè)特殊元素是<!DOCTYPE>標(biāo)簽。
<!DOCTYPE html>
<html>
<head>...</head>
<body>...</body>
</html>
Doctype 告訴瀏覽器它應(yīng)該將文檔解釋為的 HTML 版本。在 HTML5 的情況下，您只需聲明<!DOCTYPE html>.
HTML 元素包裝我們的內(nèi)容，告訴瀏覽器我們希望如何顯示內(nèi)容。
HTML 元素被編寫(xiě)為<start-tag>content</end-tag>.
HTML 屬性可以添加到開(kāi)始標(biāo)記<start-tag attribute="value">。
HTML 的基本文檔結(jié)構(gòu)是<html><head>...</head><body>...</body></html>。
以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"HTML語(yǔ)法和文檔結(jié)構(gòu)"，希望對(duì)大家有幫助，想了解更多可查看HTML教程。動(dòng)力節(jié)點(diǎn)在線(xiàn)學(xué)習(xí)教程，針對(duì)沒(méi)有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門(mén)到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí)，讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。
Java實(shí)驗(yàn)班
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
Java就業(yè)班
有基礎(chǔ) 直達(dá)就業(yè)
Java夜校直播班
業(yè)余時(shí)間 高薪轉(zhuǎn)行
Java在職加薪班
工作1~3年，加薪神器
Java架構(gòu)師班
工作3~5年，晉升架構(gòu)
提交申請(qǐng)后，顧問(wèn)老師會(huì)電話(huà)與您溝通安排學(xué)習(xí)
京公網(wǎng)安備 11030102010736號(hào)