HTML基礎(chǔ)

超文本標(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)系。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)目標(biāo): 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽...
    淡淡瘋閱讀 1,327評(píng)論 0 3
  • 學(xué)習(xí)目標(biāo): 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽...
    Mr大喵喵閱讀 1,530評(píng)論 0 4
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,205評(píng)論 2 21
  • 周四下午開會(huì)的時(shí)候領(lǐng)導(dǎo)安排,周五全區(qū)的啦啦操比賽在我們學(xué)校舉行,上午十點(diǎn)某某局的領(lǐng)導(dǎo)還要來檢查衛(wèi)生工作,特別...
    漢唐妮兒閱讀 503評(píng)論 0 3
  • 海棠社第497期比賽作業(yè)主題:油菜花開(須展開)體裁:杏花天(欽譜朱敦儒體)東道主:相由心生收稿:肖公子 參賽作品...
    詩詞海棠閱讀 796評(píng)論 0 5

友情鏈接更多精彩內(nèi)容