HTML 簡介
HTML?簡介
HTML 實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>我的第一個(gè)標(biāo)題</h1> <p>我的第一個(gè)段落。</p> </body> </html>
試試看?
實(shí)例解析
#1) DOCTYPE 宣告了文件類型
2) 位於標(biāo)籤<html> 與</html> 描述了文件類型
3) 位於標(biāo)籤<body>與</body> 為視覺化網(wǎng)頁內(nèi)容
4) 位於標(biāo)籤<h1> 與</h1> 作為一個(gè)標(biāo)題使用
5) 位於標(biāo)籤<p> 與< ;/p> 作為一個(gè)段落顯示
#<!DOCTYPE html> 在HTML5中也是描述了文件類型。 ? ?
什麼是HTML?
HTML 是用來描述網(wǎng)頁的語言。
1. HTML 指的是超文本標(biāo)記語言:?HyperText?Markup?Language
2. HTML 不是一種程式語言，而是一種標(biāo)記語言
#3.標(biāo)記語言是一套標(biāo)記標(biāo)籤?(markup tag)
4. HTML 使用標(biāo)記標(biāo)籤來描述網(wǎng)頁
5. HTML 文件包含了HTML?標(biāo)籤及文字內(nèi)容
6. HTML文件也稱為?web 頁面
HTML 標(biāo)籤
#HTML 標(biāo)記標(biāo)籤通常稱為HTML 標(biāo)籤(HTML tag)。
1. HTML 標(biāo)籤是由尖括號包圍的關(guān)鍵字，例如<html>
2. HTML 標(biāo)籤通常是成對出現(xiàn)的，例如<b> 和</ b>
3. 標(biāo)籤對中的第一個(gè)標(biāo)籤是開始標(biāo)籤，第二個(gè)標(biāo)籤是結(jié)束標(biāo)籤
4. 開始和結(jié)束標(biāo)籤也被稱為開放標(biāo)籤和閉合標(biāo)籤
<標(biāo)籤>內(nèi)容</標(biāo)籤>
HTML 元素
"HTML 標(biāo)籤" 和"HTML 元素" 通常都是描述同樣的意思.
但是嚴(yán)格來講, 一個(gè)HTML 元素包含了開始標(biāo)籤與結(jié)束標(biāo)籤，如下實(shí)例:
HTML 元素:
<p>這是一個(gè)段落。 </p>
#Web 瀏覽器
Web瀏覽器（如Google瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用於讀取HTML文件，並將其顯示為網(wǎng)頁。
瀏覽器並不是直接顯示的HTML標(biāo)籤，但可以使用標(biāo)籤來決定如何展現(xiàn)HTML頁面的內(nèi)容給使用者：
HTML 網(wǎng)頁結(jié)果
下面是一個(gè)視覺化的HTML頁面結(jié)構(gòu)：
只有 <body> 區(qū)域 ( 白色部分) 才會在瀏覽器中顯示。
HTML版本
#從初期的網(wǎng)路誕生後，已經(jīng)出現(xiàn)了許多HTML版本:
版本? ? ? ? ? ? ? ? ??發(fā)佈時(shí)間
?
HTML 4.01 ? ? ? ? ?1999 ? ?
XHTML 1.0 ? ? ? ? ?2000 ? ?
HTML55 2012 ? ?
XHTML5 ? ? ? ? ? ? 2013 ? ?
<!!DOCTY !DOCTYPE>聲明有助於瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)路上有許多不同的文件，如果能夠正確宣告HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 宣告是不區(qū)分大小寫的，以下方式皆可：##<!DOCTYPE html>?<!DOCTYPE HTML>?
#<!doctype html>?
<!Doctype Html>
通用宣告
##HTML5
<!DOCTYPE html>
HTML 4.01"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)頁宣告類型?DOCTYPE 參考手冊。 中文編碼<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>頁面標(biāo)題</title> </head> <body> <h1>我的第一個(gè)標(biāo)題</h1> <p>我的第一個(gè)段落。</p> </body> </html>###試試看 ?#############
