HTM簡(jiǎn)介在上一章節(jié)中我們講到 html 很容易學(xué)習(xí)，同時(shí)也給出了一個(gè)簡(jiǎn)單的范例。現(xiàn)在我們就拿上一次的范例來(lái)講解 html 的基本構(gòu)成。 HTML是(Hyper Text MarkuP Language)首字母縮寫詞，代表用于創(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編寫并由網(wǎng)絡(luò)瀏覽器翻譯的文檔，可以通過(guò)輸入U(xiǎn)RL來(lái)識(shí)別網(wǎng)頁(yè)。網(wǎng)頁(yè)可以是靜態(tài)或動(dòng)態(tà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> 范例講解
HTML 是不是很簡(jiǎn)單，是不是有點(diǎn)像 word 文檔。 HTML 是什么呢?簡(jiǎn)單來(lái)說(shuō)，HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言
HTML 標(biāo)簽(HTML tag)
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è)版本：
<!DOCTYPE> 聲明<!DOCTYPE> 聲明能夠讓瀏覽器按照聲明的標(biāo)準(zhǔn)來(lái)顯示網(wǎng)頁(yè)。 doctype 聲明是不區(qū)分大小寫的，以下方式均可： <!--推薦使用--> <!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html> 雖然有不區(qū)分大小寫，但我們推薦使用 <!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> |
