第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

五月的夏天 · 更新于 2020-11-04

HTML 基本語(yǔ)法

HTML 它有屬于它自己的一套專屬語(yǔ)法。我們?nèi)绻胍帉懸粋€(gè)完整的網(wǎng)頁(yè)，那么我們就必須遵循 HTML 的語(yǔ)法來(lái)編寫代碼，HTML 都是由各種標(biāo)簽構(gòu)成的，我們只需要記住這些標(biāo)簽的寫法和意義，那么我們就可以編寫網(wǎng)頁(yè)的基本結(jié)構(gòu)了。

HTML 文件都由不同的標(biāo)簽構(gòu)成的：

  <!DOCTYPE HTML>
    <HTML lang="en">
    <head>
      <title>HTML基本語(yǔ)法</title>
    </head>
    <body>
      <p>這是一段話</p>
      <h1>我是一個(gè)大標(biāo)題</h1>
      <a href="https://www.baidu.com">百度</a>
    </body>
    </HTML>

1. HTML 的構(gòu)成

HTML 文件都是由標(biāo)簽構(gòu)成的，大部分標(biāo)簽都是雙標(biāo)簽，由頭標(biāo)簽和尾標(biāo)簽組成，小部分標(biāo)簽為單標(biāo)簽，沒有尾標(biāo)簽。每個(gè)標(biāo)簽有特定的作用，例如，代表“連接”的 a 標(biāo)簽，代表“圖片”的 img 標(biāo)簽等。

2. 標(biāo)簽的基本寫法

2.1 雙標(biāo)簽的寫法

  <p>
  這是一段話
  </p>

總結(jié): 雙標(biāo)簽是成對(duì)出現(xiàn)的， 尾標(biāo)簽在標(biāo)簽名前會(huì)多一個(gè)/。

2.2 單標(biāo)簽的寫法

<img src='http://idcbgp.cn/static/img/index/logo.png' alt='慕課logo'>

總結(jié)：?jiǎn)螛?biāo)簽沒有尾標(biāo)簽。

3. 標(biāo)簽的內(nèi)容和屬性

3.1 標(biāo)簽的內(nèi)容

標(biāo)簽的內(nèi)容寫在頭標(biāo)簽和尾標(biāo)簽之間， 代表這段內(nèi)容由特定的標(biāo)簽修飾。

  <p>
  這是一段話 <!-- 這段為p標(biāo)簽的內(nèi)容 -->
  </p>

Tips：?jiǎn)螛?biāo)簽沒有內(nèi)容，因?yàn)樗鼪]有尾標(biāo)簽，通常我們指的是雙標(biāo)簽之間的內(nèi)容。

3.2 標(biāo)簽的屬性

標(biāo)簽的屬性，如果是標(biāo)簽為雙標(biāo)簽，則屬性寫在頭標(biāo)簽中（頭標(biāo)簽的<>內(nèi)）， 如果是單標(biāo)簽，則寫在標(biāo)簽的<>內(nèi)。

 <a href='https://www.baidu.com'>百度</a> <!-- 雙標(biāo)簽的屬性寫在頭標(biāo)簽的<>內(nèi) -->
 <img src='http://idcbgp.cn/static/img/index/logo.png' alt='慕課logo'> <!-- 單標(biāo)簽的屬性寫在標(biāo)簽的<>內(nèi) -->

總結(jié)：標(biāo)簽的屬性有三部分構(gòu)成，屬性名，等號(hào)，屬性值，等號(hào)左邊的為屬性名，等號(hào)右邊的為屬性值，屬性值必須由引號(hào)引起來(lái)，單引號(hào)和雙引號(hào)都可以。標(biāo)簽的屬性用來(lái)給標(biāo)簽添加屬性，讓標(biāo)簽有特點(diǎn)的作用。

4. HTML 標(biāo)簽的關(guān)系

4.1 嵌套關(guān)系

一組標(biāo)簽寫在另外一組標(biāo)簽之間，充當(dāng)了另外一組標(biāo)簽的內(nèi)容。例如：

<div>
  <p>
    我是一個(gè)p標(biāo)簽  
  </p>
</div>

標(biāo)簽與標(biāo)簽之間是可以嵌套的，但先后順序必須保持一致。

4.2 并列關(guān)系

一組標(biāo)簽和另外一組標(biāo)簽平級(jí)，沒有任何的嵌套關(guān)系。例如：

<div>
    我是一個(gè)div標(biāo)簽
</div>
<p>
    我是一個(gè)p標(biāo)簽
</p>

Tips：HTML 標(biāo)簽只有兩種關(guān)系，要么是嵌套關(guān)系，要么是并列關(guān)系。

5. 標(biāo)簽的注意事項(xiàng)

HTML標(biāo)簽不區(qū)分大小寫，<p> 和 <P> 是一樣的，但建議小寫，因?yàn)榇蟛糠殖绦騿T都以小寫為準(zhǔn)。

6. 小結(jié)

  1. HTML 文件都由不同的標(biāo)簽構(gòu)成的。
  <!DOCTYPE HTML>
    <HTML lang="en">
    <head>
      <title>HTML基本語(yǔ)法</title>
    </head>
    <body>
      <p>這是一段話</p>
      <h1>我是一個(gè)大標(biāo)題</h1>
      <a href="https://www.baidu.com">百度</a>
    </body>
    </HTML>
  1. 標(biāo)簽分為雙標(biāo)簽和單標(biāo)簽。
  <!-- img標(biāo)簽為單標(biāo)簽，沒有尾標(biāo)簽和內(nèi)容 -->
  <img src='http://idcbgp.cn/static/img/index/logo.png' alt='慕課logo'>

  <!-- p標(biāo)簽為雙標(biāo)簽，有尾標(biāo)簽和內(nèi)容 -->
  <p>這是一段話</p>
  1. 雙標(biāo)簽都是成對(duì)出現(xiàn)的。
  <!-- p標(biāo)簽為雙標(biāo)簽，有尾標(biāo)簽， 尾標(biāo)簽多一個(gè)/ -->
  <p>這是一段話</p>
  1. 雙標(biāo)簽具有內(nèi)容和屬性。
  <!-- a標(biāo)簽為雙標(biāo)簽， href為標(biāo)簽屬性， 百度為標(biāo)簽的內(nèi)容 -->
  <a href='https://www.baidu.com'>百度</a>
  1. 單標(biāo)簽只有屬性，沒有內(nèi)容。
  <!-- img標(biāo)簽為單標(biāo)簽， src和alt都為屬性，單標(biāo)簽沒有內(nèi)容 -->
  <img src='http://idcbgp.cn/static/img/index/logo.png' alt='慕課logo'>
  1. 標(biāo)簽有且僅有嵌套和并列關(guān)系。
<!DOCTYPE HTML>
  <!-- head標(biāo)簽和body標(biāo)簽為并列關(guān)系， head和HTML、body和HTML均為嵌套關(guān)系 -->
  <HTML lang="en">
    <head>
      <title>HTML基本語(yǔ)法</title>
    </head>
    <body>
    </body>
  </HTML>

圖片描述