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