1、HTML實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML實例</title>
</head>
<body>
<h1>這是一個html標題</h1>
<p>這是一個段落</p>
</body>
</html>
2、實例解析:
(1)<!DOCTYPE html>聲明為HTML5文檔
(2)<html>元素是HTML頁面的根元素
(3)<head>元素包含了文檔的元(meta)數據
(4)<title>元素描述了文檔的標題
(5)<body>元素包含了可見的頁面內容
(6)<h1>元素定義了一個大標題
(7)<p>元素定義了一個段落
3、什麼是HTML:
HTML標記標籤通常被稱為HTML標籤(HTML tag)
(1)HTML標籤是由尖括號包圍的關鍵詞,比如<html>
(2)HTML標籤通常是成對出現的,比如<b>和</b>
(3)標籤中的第一個標籤是開始標籤,第二個標籤是結束標籤
(4)開始和結束標籤也被稱為開放標籤和閉合標籤
<標籤>內容</標籤>
4、HTML元素:
"HTML標籤"和"HTML元素"通常描述的是同樣的意思,但嚴格來講,一個HTML元素包含了開始標籤與結束標籤。如下實例:
HTML元素:
<p>這是一個段落</p>
5、Web瀏覽器:
Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用於讀取HTML文件,並將其作為網頁顯示。瀏覽器並不是直接顯示的HTML標籤,但可以使用標籤來決定如何展示HTML頁面的內容給客戶:
6、HTML網頁結構:
下面是一個可視化的HTML頁面結構:
只有<body>區域(白色部分)才會在瀏覽器中顯示
7、HTML版本:
從初期的網絡誕生後,已經出現了許多HTML版本:
版本 | 發佈時間 |
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
8、<!DOCTYPE>聲明:
<!DOCTYPE>聲明有助於瀏覽器中正確顯示網頁。
網絡上有很多不同的文件,如果能夠正確聲明HTML版本,瀏覽器就能正確顯示網頁內容。
doctype是不區分大小寫的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
9、通用聲明:
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">
查看完整網頁聲明類型DOCTYPE 參考手冊。
10、中文編碼:
目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼情況,這時候我們就需要在頭部將字符聲明為UTF-8。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML實例</title>
</head>
<body>
<h1>這是一個html標題</h1>
<p>這是一個段落</p>
</body>
</html>
以上圖片及內容均來自於網上資源,但卻是我一點一點的打出來的,如果不喜歡,請勿噴。如侵權,請告知。謝謝!
另外,我會盡可能的每天更一點Java知識。請多多支持!