HTML基礎(chǔ)語法

一、概念

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

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

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

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

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

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


<input>

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

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

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

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

注意:瀏覽器不會顯示HTML標(biāo)簽,而是使用標(biāo)簽來解釋頁面的內(nèi)容
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。

  HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
  HTML 標(biāo)簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
  標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽,第二個標(biāo)簽是結(jié)束標(biāo)簽
  開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
  HTML 文檔 = 網(wǎng)頁
  HTML 文檔描述網(wǎng)頁
  HTML 文檔包含 HTML 標(biāo)簽和純文本
  HTML 文檔也被稱為網(wǎng)頁
  Web 瀏覽器的作用是讀取 HTML 文檔,并以網(wǎng)頁的形式顯示出它們。
  瀏覽器不會顯示 HTML 標(biāo)簽,而是使用標(biāo)簽來解釋頁面的內(nèi)容:
20181007215731.png

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

常用標(biāo)簽


20181007220828.png
20181007220854.png

總結(jié):

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

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

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

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

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