亚洲国产精品人久久,亚洲va国产日韩欧美精品色婷婷,久久久久88色偷偷,免费人成黄页在线观看国际

17站長(zhǎng)網(wǎng)

HTML 簡(jiǎn)介

HTM簡(jiǎn)介

在上一章節(jié)中我們講到 html 很容易學(xué)習(xí)，同時(shí)也給出了一個(gè)簡(jiǎn)單的范例。現(xiàn)在我們就拿上一次的范例來(lái)講解 html 的基本構(gòu)成。

HTML是(Hyper Text MarkuP Language)首字母縮寫(xiě)詞，代表用于創(chuàng)建網(wǎng)頁(yè)和Web應(yīng)用程序的超文本標(biāo)記語(yǔ)言，什么是超文本、標(biāo)記語(yǔ)言和網(wǎng)頁(yè)我們來(lái)看看。

超文本：超文本僅表示“文本中的文本”，文本內(nèi)有鏈接是超文本。當(dāng)單擊了超文本將會(huì)跳轉(zhuǎn)到新網(wǎng)頁(yè)。超文本是一種將兩個(gè)或多個(gè)網(wǎng)頁(yè)（HTML文檔）相互鏈接的方法。

標(biāo)記語(yǔ)言：標(biāo)記語(yǔ)言是一種計(jì)算機(jī)語(yǔ)言，用于將布局和格式約定應(yīng)用于文本文檔。標(biāo)記語(yǔ)言使文本更具交互性和動(dòng)態(tài)性。它可以將文本轉(zhuǎn)換為圖像，表格，鏈接等。

網(wǎng)頁(yè)：網(wǎng)頁(yè)是通常以HTML編寫(xiě)并由網(wǎng)絡(luò)瀏覽器翻譯的文檔，可以通過(guò)輸入U(xiǎn)RL來(lái)識(shí)別網(wǎng)頁(yè)。網(wǎng)頁(yè)可以是靜態(tài)或動(dòng)態(tài)類(lèi)型，僅借助HTML，我們可以創(chuàng)建靜態(tài)網(wǎng)頁(yè)。

HTML 范例

<!DOCTYPE html>
<html>
<head>
<Meta charset=utf-8>
<title>前端之家(www.F2er.ccom)</title>
</head>
<body>
    <h1>前端之家</h1>
    <p>這是第一個(gè)段落標(biāo)簽</p>
</body>
</html>

范例講解

  • <!DOCTYPE html> 是 文檔聲明，此處將文檔聲明為 HTML5 文檔

  • <html> 是 HTML 的根元素，表示 HTML 內(nèi)容從這里開(kāi)始

  • <head> 是頭部元素，包含了文檔的元（Meta）數(shù)據(jù)， 這里的內(nèi)容不會(huì)直接顯示在網(wǎng)頁(yè)上。

  • <title> 元素聲明了文檔元數(shù)據(jù)：文檔標(biāo)題

  • <body> 元素聲明了 HTML 正文內(nèi)容從這里開(kāi)始

  • <h1> 元素可以定義一個(gè)大標(biāo)題

  • <p> 元素聲明了一個(gè)段落

HTML 是不是很簡(jiǎn)單，是不是有點(diǎn)像 word 文檔。

HTML 是什么呢?

簡(jiǎn)單來(lái)說(shuō)，HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言

  • HTML 指的是超文本標(biāo)記語(yǔ)言: H yper T ext M arkup L anguage

  • HTML 不是一種編程語(yǔ)言，而是一種 標(biāo)記 語(yǔ)言

  • 標(biāo)記語(yǔ)言 是一套 標(biāo)記標(biāo)簽 (markup tag)

  • HTML 使用標(biāo)記標(biāo)簽來(lái) 描述 網(wǎng)頁(yè)

  • HTML 文檔包含了HTML 標(biāo)簽 及 文本 內(nèi)容

  • HTML 文檔也叫做 web 頁(yè)面

HTML 標(biāo)簽(HTML tag)

  • HTML 標(biāo)簽是由 尖括號(hào) 包圍的關(guān)鍵詞，比如 <html>

  • HTML 標(biāo)簽通常是 成對(duì)出現(xiàn) 的，比如 <b> 和 </b>

  • 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是 開(kāi)始標(biāo)簽 ，第二個(gè)標(biāo)簽是 結(jié)束標(biāo)簽

  • 開(kāi)始和結(jié)束標(biāo)簽也被稱為 開(kāi)放標(biāo)簽 和 閉合標(biāo)簽 <標(biāo)簽>內(nèi)容</標(biāo)簽>

HTML 元素

HTML 標(biāo)簽 和 HTML 元素 通常都是描述同樣的意思.

但是嚴(yán)格來(lái)講,一個(gè) HTML 元素包含了開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽，如下范例:

<p>這是第一個(gè)段落標(biāo)簽</p>

Web 瀏覽器

Web 瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文檔，并將其作為網(wǎng)頁(yè)顯示。

瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來(lái)決定如何展現(xiàn)HTML頁(yè)面的內(nèi)容給用戶

HTML 網(wǎng)頁(yè)結(jié)構(gòu)

一般的 HTML 頁(yè)面都會(huì)有如下結(jié)構(gòu)：

<html>
<head>
<title>頁(yè)面標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
<p>這是另外一個(gè)段落。</p>
</body>
</html>
只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。

HTML 版本

從 1991年 HTML 誕生后，HTML 已經(jīng)經(jīng)歷了多個(gè)版本：

版本發(fā)布時(shí)間
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!DOCTYPE> 聲明

<!DOCTYPE> 聲明能夠讓瀏覽器按照聲明的標(biāo)準(zhǔn)來(lái)顯示網(wǎng)頁(yè)。

doctype 聲明是不區(qū)分大小寫(xiě)的，以下方式均可：

<!--推薦使用-->
<!DOCTYPE html>
 
<!DOCTYPE HTML>
 
<!doctype html>
 
<!Doctype Html>

雖然有不區(qū)分大小寫(xiě)，但我們推薦使用

<!DOCTYPE html>

HTML 各推薦標(biāo)準(zhǔn)通用聲明

HTML5 推薦

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd>

XHTML 1.0

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

中文編碼

如果你看到的網(wǎng)頁(yè)顯示了一大堆亂碼，原因就是它們都沒(méi)有正確的設(shè)置編碼，這時(shí)候，我們就需要在頭部將字符聲明為 UTF-8

范例:HTML 設(shè)置 UTF-8 編碼

<!DOCTYPE html>
<html>
<head>
<Meta charset=utf-8>
<title>前端之家(www.F2er.com)</title>
</head>
<body>
    <h1>前端之家</h1>
    <p>這是第一個(gè)段落標(biāo)簽</p>
</body>
</html>
返回頂部