超文本標(biāo)記語言(英語:HyperText Markup Language,簡(jiǎn)稱:HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。
我們先舉個(gè)例子:
<!DOCTYPE html>//<!--聲明為 HTML5 文檔-->
<html>//<!--HTML 頁面的根元素-->
<head><!--包含了文檔的元(meta)數(shù)據(jù)-->
<meta charset="utf-8"><!--定義網(wǎng)頁編碼格式為 utf-8-->
<title>教程</title><!--文檔的標(biāo)題-->
</head>
<body><!--內(nèi)容 只有 <body> 區(qū)域 才會(huì)在瀏覽器中顯示。-->
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落。</p>
</body>
</html>
什么是HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
HTML 不是一種編程語言,而是一種標(biāo)記語言
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁面
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)的,比如 <b> 和 </b>
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
HTML 屬性
HTML 元素可以設(shè)置屬性
屬性可以在元素中添加附加信息
屬性一般描述于開始標(biāo)簽
屬性總是以名稱/值對(duì)的形式出現(xiàn),比如:href。
<a >這是一個(gè)鏈接</a><!--HTML 鏈接由 <a> 標(biāo)簽定義。鏈接的地址在 href 屬性中指定:-->
HTML 屬性常用引用屬性值
1.屬性值應(yīng)該始終被包括在引號(hào)內(nèi)。
2.雙引號(hào)是最常用的,不過使用單引號(hào)也沒有問題。
提示: 在某些個(gè)別的情況下,比如屬性值本身就含有雙引號(hào),那么您必須使用單引號(hào),例如:name='John "ShotGun" Nelson'
HTML 中 href、src 區(qū)別
href 是 Hypertext Reference 的縮寫,表示超文本引用。用來建立當(dāng)前元素和文檔之間的鏈接。常用的有:link、a。例如:
<link href="reset.css" rel=”stylesheet“/>
瀏覽器會(huì)識(shí)別該文檔為 css 文檔,并行下載該文檔,并且不會(huì)停止對(duì)當(dāng)前文檔的處理。這也是建議使用 link,而不采用 @import 加載 css 的原因。 src 是 source 的縮寫,src 的內(nèi)容是頁面必不可少的一部分,是引入。src 指向的內(nèi)容會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在的位置。常用的有:img、script、iframe。例如
<script src="script.js"></script>
當(dāng)瀏覽器解析到該元素時(shí),會(huì)暫停瀏覽器的渲染,直到該資源加載完畢。這也是將js腳本放在底部而不是頭部得原因。
簡(jiǎn)而言之,src 用于替換當(dāng)前元素;href 用于在當(dāng)前文檔和引用資源之間建立聯(lián)系。