HTML 開發手冊

閱讀(174604) 更新時間(2022-04-11)

《HTML開發手冊》為HTML官方開發線上文檔,本線上手冊包含了各種html標籤的屬性、定義、使用方法,實例運行等,歡迎HTML開發者、HTML學習者進行參考!


HTML是用來描述網頁的一種語言,即超文本標記語言(Hyper Text Markup Language),在標準通用標記語言下的一個應用。

HTML不是程式語言,而是一種標記語言 (markup language),是網頁製作所必備的。

「超文本」是指頁面內可以包含圖片、鏈接,甚至音樂、程式等非文字元素。超文本標記語言(或超文本標籤語言)的結構包括「頭」部分和「主體」部分,其中「頭」部提供關於網頁的信息,「主體」部分提供網頁的具體內容。

提示:一個基本的網站包含很多個網頁,一個網頁由html, css和javascript組成。 html是主體,裝載各種dom元素;css用來裝飾dom元素;javascript控制dom元素。

HTML整體結構

標記子<html>,說明該檔案是用超文本標記語言(本標籤的中文全名)來描述的,它是檔案的開頭;而</html>,則表示該檔案的結尾,它們是超文本標記語言檔案的開始標記和結尾標記。

頭部內容

<head></head>

這2個標記符分別表示頭部訊息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容,它本身不作為內容來顯示,而是影響網頁顯示的效果。

主體內容

<body></body>

網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。

下面就讓我們來建立第一個HTML檔吧!

第一個HTML檔案

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php 中文网</title>
</head>
<body>

<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例

是不是非常簡單!其實超級文字標記語言文件製作不是很複雜,但是功能強大,支援不同資料格式的文件鑲入,這也是萬維網(WWW)盛行的原因之一!

提示:我們的HTML教學將幫助您逐步學習如何使用HTML 來建立站點,如果你有任何疑問,請前往PHP中文網HTML社群提出你的問題,會有熱心網友為你解答。

HTML語言的特色

  • 簡易性:超級文字標記語言版本升級採用超集方式,因此更靈活方便。

  • 可擴展性:超級文字標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。

  • 平台無關性:雖然個人電腦大行其道,但使用MAC等其他機器的大有人在,超級文字標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。

  • 通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片結合的複雜頁面,這些頁面可以被網路上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。

本HTML教學手冊涵蓋的內容

本HTML教學手冊涵蓋所有HTML基礎知識,包含html編輯器的介紹、各種html標籤的屬性、定義、使用方法、實例運行以及更嚴謹更純淨的HTML版本即XHTML的基礎介紹和HTML媒體的介紹等等。

提示:本教學的每一章都包含了許多HTML實例,您可以直接點擊 "執行實例" 按鈕在線查看結果。這些例子將幫助您更好地理解和使用HTML語言。

其它HTML相關學習參考資源

除了本頁面右邊的知識拓展,也為大家精選了以下資源

#####HTML每日程式設計小知識############## #####前端學習路線:如何成為優秀的前端開發人員! ################

最新章節


<wbr> 2016-10-21
<video> 2016-10-21
<var> 2016-10-21
<ul> 2016-10-21
<u> 2016-10-21
<tt> 2016-10-21
<track> 2016-10-21
<tr> 2016-10-21