HTML基礎(chǔ)語(yǔ)法

一、概念

(Hyper Text Markup Language)超文本標(biāo)記語(yǔ)言,是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言

1、超文本(Hyper Text)不只包括文本,也可以包括圖片,鏈接,音頻,視頻等非文本元素。

2、標(biāo)記語(yǔ)言(Markup Language)標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽,HTML使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)

二、標(biāo)簽
由尖括號(hào)包圍的關(guān)鍵字,比如<html>
HTML 標(biāo)簽分為單標(biāo)簽和雙標(biāo)簽

1. 雙標(biāo)簽:HTML標(biāo)簽通常是成對(duì)出現(xiàn)的,比如 <b> 和 </b>。第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽;開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽

2. 常見(jiàn)的單標(biāo)簽有:<img>


<input>

注意:HTML標(biāo)簽對(duì)大小寫(xiě)不敏感,但要全小寫(xiě)

元素
??從開(kāi)始標(biāo)簽到結(jié)束標(biāo)簽的所有代碼

HTML元素以開(kāi)始標(biāo)簽起始,以結(jié)束標(biāo)簽終止,元素的內(nèi)容是開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容。

文檔
??HTML文檔被稱為網(wǎng)頁(yè),由嵌套的HTML元素構(gòu)成

注意:瀏覽器不會(huì)顯示HTML標(biāo)簽,而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容
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)簽是開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
  開(kāi)始和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽
  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)容:
20181007215731.png

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

常用標(biāo)簽


20181007220828.png
20181007220854.png

總結(jié):

以上就是我們?cè)趯W(xué)習(xí)html中經(jīng)常用到的語(yǔ)法,如果想更詳細(xì)的了解html語(yǔ)法的話,請(qǐng)查看HTML參考手冊(cè)

?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 前言 本系列文章主要是基于W3school這個(gè)學(xué)習(xí)網(wǎng)站來(lái)總結(jié)的,之所以會(huì)自己總結(jié)一番,一來(lái)是因?yàn)榫W(wǎng)站中的實(shí)例效果,...
    碼字與律動(dòng)閱讀 4,288評(píng)論 4 70
  • 一、web基礎(chǔ): web標(biāo)準(zhǔn):(萬(wàn)維網(wǎng)-W3C)機(jī)構(gòu)標(biāo)準(zhǔn):HTML ---決定網(wǎng)頁(yè)上有什么東西(能夠顯示什么內(nèi)容...
    向前沖我在路上閱讀 436評(píng)論 0 2
  • HTML是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,以下均為本人在菜鳥(niǎo)教程上面學(xué)習(xí)總結(jié)出來(lái)的一些簡(jiǎn)單的語(yǔ)法。首先得用文本編輯器,我用...
    GCKJianshu閱讀 664評(píng)論 0 2
  • html的語(yǔ)法,有三個(gè)基本結(jié)構(gòu): head標(biāo)簽包含的內(nèi)容 title標(biāo)簽title標(biāo)簽是設(shè)置網(wǎng)頁(yè)的標(biāo)題的,其設(shè)置方...
    羅永欽閱讀 790評(píng)論 0 1
  • 最近迷上大宰治,源于漫畫(huà){人間失格},抱著短篇恐怖漫畫(huà)的心態(tài)閱讀的, 感覺(jué)里面的人物就是自己,感覺(jué)自己是最懂大宰治...
    黑不溜秋的小灰閱讀 956評(píng)論 0 0

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