App下載

HTML書寫格式是怎樣的?

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

一. HTML介紹

        HTML(英語:Hyper Text Markup Language,簡稱:HTML )也叫作超文本標(biāo)記語言,上個世紀(jì)90年代由歐洲核子研究中心的物理學(xué)家蒂姆·伯納斯-李(Tim Berners-Lee)發(fā)明,它最大的優(yōu)點就是支持超鏈接跳轉(zhuǎn),可以前往其他的網(wǎng)頁,從而形成了整個互聯(lián)網(wǎng)。是一種使用結(jié)構(gòu)化 Web 網(wǎng)頁及其內(nèi)容的標(biāo)記語言,您可以使用 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 版本和風(fēng)格。而如今 HTML5 不需要表示版本和風(fēng)格了。

 <!DOCTYPE html> //不分區(qū)大小寫

2.html 元素

首先,元素就是標(biāo)簽的意思,html 元素即 html 標(biāo)簽。html 元素是文檔開始和結(jié)尾的元素。它是一個雙標(biāo)簽,頭尾呼應(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 提供頁面標(biāo)題等。

<head>...</head> //這些信息在頁面不可見

4.meta 元素

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

<meta charset="utf-8"> //除了設(shè)置編碼,還有別的

5.title 元素

這個元素很簡單,顧名思義:設(shè)置瀏覽器左上角的標(biāo)題。

<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)頁標(biāo)題</title>

</head>

<body>

  <p>Hello World</p>

</body>

</html>


嘗試一下 ?

三、HTML常用基礎(chǔ)標(biāo)簽

  1. HTML標(biāo)題
  2. HTML段落
  3. HTML鏈接
  4. HTML圖像
  5. HTML文本格式化

還有非常多的HTML標(biāo)簽等著你去探索,靈活運用能使你的網(wǎng)頁展現(xiàn)出獨特的風(fēng)格,讓人耳目一新,以下有教程供你參考學(xué)習(xí)

0 人點贊