《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每日程式設計小知識############## #####前端學習路線:如何成為優秀的前端開發人員! ################最新章節
相關課程
- Web前端開發極速入門 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原文】 2022-09-30
- Gulp入門影片教學 2022-04-18
- 兄弟連高洛峰CSS3影片教程 2022-04-20
- AngularJS開發Web應用程式基礎實例影片教學 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎影片教學 2022-04-13
- 線上訓練班試聽課 2019-01-10