HTML書(shū)寫格式是怎樣的？

猿友 2020-12-15 16:35:09 瀏覽數(shù) (7091)

反饋

一. HTML介紹

HTML（英語(yǔ)：Hyper Text Markup Language，簡(jiǎn)稱：HTML ）也叫作超文本標(biāo)記語(yǔ)言，上個(gè)世紀(jì)90年代由歐洲核子研究中心的物理學(xué)家蒂姆·伯納斯-李（Tim Berners-Lee）發(fā)明，它最大的優(yōu)點(diǎn)就是支持超鏈接跳轉(zhuǎn)，可以前往其他的網(wǎng)頁(yè)，從而形成了整個(gè)互聯(lián)網(wǎng)。是一種使用結(jié)構(gòu)化 Web 網(wǎng)頁(yè)及其內(nèi)容的標(biāo)記語(yǔ)言，您可以使用 HTML 來(lái)建立自己的 WEB 站點(diǎn)。

通過(guò)學(xué)習(xí)本教程，你可以學(xué)習(xí)到如何創(chuàng)建簡(jiǎn)單的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 元素是文檔開(kāi)始和結(jié)尾的元素。它是一個(gè)雙標(biāo)簽，頭尾呼應(yīng)，包含內(nèi)容。這個(gè)元素有一個(gè)屬性和值：lang="zh-cn"，表示文檔采用語(yǔ)言為：簡(jiǎn)體中文。

<html lang="zh-cn"> //如果是英文則為 en

3.head 元素

用來(lái)包含元數(shù)據(jù)內(nèi)容，元數(shù)據(jù)包括：<link>、<meta>、<noscript>、<script>、<style>、<title>。這些內(nèi)容用來(lái)瀏覽器提供信息，比如 link 提供 CSS 信息，script提供 JavaScript 信息，title 提供頁(yè)面標(biāo)題等。

<head>...</head> //這些信息在頁(yè)面不可見(jiàn)

4.meta 元素

這個(gè)元素用來(lái)提供關(guān)于文檔的信息，起始結(jié)構(gòu)有一個(gè)屬性為：charset="utf8"。表示告訴瀏覽器頁(yè)面采用的什么編碼，一般來(lái)說(shuō)我們就用 utf8。當(dāng)然，文件保存的時(shí)候也是utf8，而瀏覽器也設(shè)置 utf8 即可正確顯示中文。

5.title 元素

這個(gè)元素很簡(jiǎn)單，顧名思義：設(shè)置瀏覽器左上角的標(biāo)題。

6.body 元素

用來(lái)包含文檔內(nèi)容的元素，也就是瀏覽器可見(jiàn)區(qū)域部分。所有的可見(jiàn)內(nèi)容，都應(yīng)該在這個(gè)元素內(nèi)部進(jìn)行添加。

簡(jiǎn)單網(wǎng)頁(yè)的HTML格式

實(shí)例

<!DOCTYPE html>

<head>

</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)頁(yè)展現(xiàn)出獨(dú)特的風(fēng)格，讓人耳目一新，以下有教程供你參考學(xué)習(xí)

HTML 前端

0 人點(diǎn)贊

HTML書(shū)寫格式是怎樣的？