HTML基本概念詳解

來(lái)源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：CSS/HTML|點(diǎn)擊：次

什么是 HTML？

HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

•HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)
•HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)
•標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
•HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)

HTML 標(biāo)簽

HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。

•HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 <html>
•HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如和
•標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
•開(kāi)始和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽

HTML 元素

HTML 元素指的是從開(kāi)始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。

開(kāi)始標(biāo)簽	元素內(nèi)容	結(jié)束標(biāo)簽
<p>	This is a paragraph	</p>
<a href="default.htm" >	This is a link	</a>
<br />

注釋：開(kāi)始標(biāo)簽常被稱為開(kāi)放標(biāo)簽（opening tag），結(jié)束標(biāo)簽常稱為閉合標(biāo)簽（closing tag）。

HTML 元素語(yǔ)法

•HTML 元素以開(kāi)始標(biāo)簽起始
•HTML 元素以結(jié)束標(biāo)簽終止
•元素的內(nèi)容是開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
•某些 HTML 元素具有空內(nèi)容（empty content）
•空元素在開(kāi)始標(biāo)簽中進(jìn)行關(guān)閉（以開(kāi)始標(biāo)簽的結(jié)束而結(jié)束）
•大多數(shù) HTML 元素可擁有屬性

HTML 屬性

HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息。

屬性總是以名稱/值對(duì)的形式出現(xiàn)，比如：name="value"。

屬性總是在 HTML 元素的開(kāi)始標(biāo)簽中規(guī)定。

屬性例子 1:

<h1> 定義標(biāo)題的開(kāi)始。

<h1 align="center"> 擁有關(guān)于對(duì)齊方式的附加信息。

TIY : 居中排列標(biāo)題

屬性例子 2:

<body> 定義 HTML 文檔的主體。

<body bgcolor="yellow"> 擁有關(guān)于背景顏色的附加信息。

TIY : 背景顏色

屬性例子 3:

<table> 定義 HTML 表格。（您將在稍后的章節(jié)學(xué)習(xí)到更多有關(guān) HTML 表格的內(nèi)容）
<table border="1"> 擁有關(guān)于表格邊框的附加信息。

HTML 文檔 = 網(wǎng)頁(yè)

•HTML 文檔描述網(wǎng)頁(yè)
•HTML 文檔包含 HTML 標(biāo)簽和純文本
•HTML 文檔也被稱為網(wǎng)頁(yè)

Web 瀏覽器的作用是讀取 HTML 文檔，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示 HTML 標(biāo)簽，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容。

<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>

</html>

例子解釋

•<html> 與 </html> 之間的文本描述網(wǎng)頁(yè)
•<body> 與 </body> 之間的文本是可見(jiàn)的頁(yè)面內(nèi)容
•<h1> 與 </h1> 之間的文本被顯示為標(biāo)題
•<p> 與 </p> 之間的文本被顯示為段落

•當(dāng)您保存 HTML 文件時(shí)，既可以使用 .htm 也可以使用 .html 文件后綴。我們?cè)趯?shí)例中使用 .htm。這只是長(zhǎng)久以來(lái)形成的習(xí)慣而已，因?yàn)檫^(guò)去的很多軟件只允許三個(gè)字母的文件后綴。不過(guò)對(duì)于新的軟件，使用 .html 完全沒(méi)有問(wèn)題。

以上這篇HTML基本概念詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持我們。

原文地址：http://www.cnblogs.com/sxtywjx/p/5665033.html

上一篇：html/css基礎(chǔ)篇——html代碼編寫過(guò)程中的幾個(gè)警惕點(diǎn)(必看)

欄目：CSS/HTML

下一篇：向div元素添加圓角邊框的實(shí)現(xiàn)方法

本文標(biāo)題：HTML基本概念詳解

本文地址：http://mengdiqiu.com.cn/a1/CSS_HTML/9616.html

更多CSS/HTML

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

CSS/HTML

HTML基本概念詳解

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀