HTML 簡介
HTML 簡介
HTML 實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>我的第一個標(biāo)題</h1> <p>我的第一個段落。</p> </body> </html>
嘗試一下 ?
實例解析
1) DOCTYPE 聲明了文檔類型
2) 位于標(biāo)簽 <html> 與 </html> 描述了文檔類型
3) 位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
4) 位于標(biāo)簽 <h1> 與 </h1> 作為一個標(biāo)題使用
5) 位于標(biāo)簽 <p> 與 </p> 作為一個段落顯示
<!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)簽對中的第一個標(biāo)簽是開始標(biāo)簽，第二個標(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)格來講, 一個 HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實例:
HTML 元素:
<p>這是一個段落。</p>
Web 瀏覽器
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：
HTML 網(wǎng)頁結(jié)果
下面是一個可視化的HTML頁面結(jié)構(gòu)：
只有 <body> 區(qū)域 (白色部分) 才會在瀏覽器中顯示。
HTML版本
從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
版本 發(fā)布時間
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
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)頁聲明類型 DOCTYPE 參考手冊。
中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>頁面標(biāo)題</title> </head> <body> <h1>我的第一個標(biāo)題</h1> <p>我的第一個段落。</p> </body> </html>
嘗試一下 ?
