一. HTML介紹
HTML(英語:Hyper Text Markup Language,簡稱:HTML )也叫作超文本標記語言,上個世紀90年代由歐洲核子研究中心的物理學(xué)家蒂姆·伯納斯-李(Tim Berners-Lee)發(fā)明,它最大的優(yōu)點就是支持超鏈接跳轉(zhuǎn),可以前往其他的網(wǎng)頁,從而形成了整個互聯(lián)網(wǎng)。是一種使用結(jié)構(gòu)化 Web 網(wǎng)頁及其內(nèi)容的標記語言,您可以使用 HTML 來建立自己的 WEB 站點。
通過學(xué)習(xí)本教程,你可以學(xué)習(xí)到如何創(chuàng)建簡單的HTML格式。HTML 是非常容易學(xué)習(xí)的!相信你可以很快學(xué)會它!
二.文檔結(jié)構(gòu)解析
1.Doctype
文檔類型聲明(Document Type Declaration,也稱 Doctype)。它主要告訴瀏覽器所查看的文件類型。 在以往的 HTML4.01 和 XHTML1.0 中, 它表示具體的 HTML 版本和風格。而如今 HTML5 不需要表示版本和風格了。
<!DOCTYPE html> //不分區(qū)大小寫
2.html 元素
首先,元素就是標簽的意思,html 元素即 html 標簽。html 元素是文檔開始和結(jié)尾的元素。它是一個雙標簽,頭尾呼應(yīng),包含內(nèi)容。這個元素有一個屬性和值:lang="zh-cn",表示文檔采用語言為:簡體中文。
<html lang="zh-cn"> //如果是英文則為 en
3.head 元素
用來包含元數(shù)據(jù)內(nèi)容,元數(shù)據(jù)包括:<link>、<meta>、<noscript>、<script>、<style>、<title>。這些內(nèi)容用來瀏覽器提供信息,比如 link 提供 CSS 信息,script提供 JavaScript 信息,title 提供頁面標題等。
<head>...</head> //這些信息在頁面不可見
4.meta 元素
這個元素用來提供關(guān)于文檔的信息,起始結(jié)構(gòu)有一個屬性為:charset="utf8"。表示告訴瀏覽器頁面采用的什么編碼,一般來說我們就用 utf8。當然,文件保存的時候也是utf8,而瀏覽器也設(shè)置 utf8 即可正確顯示中文。
<meta charset="utf-8"> //除了設(shè)置編碼,還有別的
5.title 元素
這個元素很簡單,顧名思義:設(shè)置瀏覽器左上角的標題。
<title>基本結(jié)構(gòu)</title>
6.body 元素
用來包含文檔內(nèi)容的元素,也就是瀏覽器可見區(qū)域部分。所有的可見內(nèi)容,都應(yīng)該在這個元素內(nèi)部進行添加。
<body>...</body>
簡單網(wǎng)頁的HTML格式
實例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>網(wǎng)頁標題</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>
嘗試一下 ?
三、HTML常用基礎(chǔ)標簽
- HTML標題
- HTML段落
- HTML鏈接
- HTML圖像
- HTML文本格式化
還有非常多的HTML標簽等著你去探索,靈活運用能使你的網(wǎng)頁展現(xiàn)出獨特的風格,讓人耳目一新,以下有教程供你參考學(xué)習(xí)