Java前端之HTML簡介

HTML Java 編程語言 XHTML 破曉殘雪 2017-06-10

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頁面的內容給客戶:Java前端之HTML簡介

6、HTML網頁結構:

下面是一個可視化的HTML頁面結構:

Java前端之HTML簡介

只有<body>區域(白色部分)才會在瀏覽器中顯示

7、HTML版本:

從初期的網絡誕生後,已經出現了許多HTML版本:

版本發佈時間
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

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前端之HTML簡介

勞逸結合才是王道,嘿嘿嘿

以上圖片及內容均來自於網上資源,但卻是我一點一點的打出來的,如果不喜歡,請勿噴。如侵權,請告知。謝謝!

另外,我會盡可能的每天更一點Java知識。請多多支持!

相關推薦

推薦中...