HTML 簡介

HTML 簡介

HTML 實例

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body> 
<h1>我的第一个标题</h1> 
<p>我的第一个段落。</p> 
</body> 
</html>

試試看»

實例解析

#1) DOCTYPE 宣告了文件類型

2) 位於標籤<html> 與</html> 描述了文件類型

3) 位於標籤<body>與</body> 為視覺化網頁內容

4) 位於標籤<h1> 與</h1> 作為一個標題使用

5) 位於標籤<p> 與< ;/p> 作為一個段落顯示



#<!DOCTYPE html> 在HTML5中也是描述了文件類型。    


什麼是HTML?

HTML 是用來描述網頁的語言。

1. HTML 指的是超文本標記語言: HyperText Markup Language

2. HTML 不是一種程式語言,而是一種標記語言

#3.標記語言是一套標記標籤 (markup tag)

4. HTML 使用標記標籤來描述網頁

5. HTML 文件包含了HTML 標籤及文字內容

6. HTML文件也稱為 web 頁面

HTML 標籤

#HTML 標記標籤通常稱為HTML 標籤(HTML tag)。

1. HTML 標籤是由尖括號包圍的關鍵字,例如<html>

2. HTML 標籤通常是成對出現的,例如<b> 和</ b>

3. 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤

4. 開始和結束標籤也被稱為開放標籤和閉合標籤

<標籤>內容</標籤>


HTML 元素

"HTML 標籤" 和"HTML 元素" 通常都是描述同樣的意思.

但是嚴格來講, 一個HTML 元素包含了開始標籤與結束標籤,如下實例:

HTML 元素:

<p>這是一個段落。 </p>


#Web 瀏覽器

Web瀏覽器(如Google瀏覽器,Internet Explorer,Firefox,Safari)是用於讀取HTML文件,並將其顯示為網頁。

瀏覽器並不是直接顯示的HTML標籤,但可以使用標籤來決定如何展現HTML頁面的內容給使用者:

1002.png


HTML 網頁結果

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

1001.png



################ ###

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


HTML版本

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


版本                  發佈時間


 

##HTML+               1993    

HTML 2.0            1995   # #.

HTML 4.01          1999    

XHTML 1.0          2000    

HTML55 2012    

XHTML5             2013    

<!!DOCTY !DOCTYPE>聲明有助於瀏覽器中正確顯示網頁。


網路上有許多不同的文件,如果能夠正確宣告HTML的版本,瀏覽器就能正確顯示網頁內容。

doctype 宣告是不區分大小寫的,以下方式皆可:##<!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 ">

查看完整網頁宣告類型 DOCTYPE 參考手冊。

中文編碼


###目前在大部分瀏覽器中,直接 輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字元聲明為UTF-8。 ######HTML 實例###
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
###試試看 »#############
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> <h1>世界一级方程式锦标赛</h1> <p>世界一级方程式锦标赛(FIA Formula 1 World Championship),简称F1,是由国际汽车运动联合会(FIA)举办的最高等级的年度系列场地赛车比赛,是当今世界最高水平的赛车比赛,与奥运会、世界杯足球赛并称为“世界三大体育盛事”。</p> </body> </html>