基礎標籤

H系列標籤（H1 ~ H6）

• 做用：
  • 用於給文本添加標題語義
• 格式：
  • <h1>xxxxxx</h1>
• 注意點
  • H 標籤是用來給文本添加標題語義的，而不是用來修改文本的樣式的
  • H標籤一共有6個，從 H1 ~ H6，最多就只能到 6，超過 6 則無效
  • 被 H 系列標籤包裹的內容會獨佔一行
  • 在 H 系列的標籤中，H1 最大，H6 最小
  • 在企業開發中，必定要慎用 H 系列的標籤，特別是 H1 標籤。在企業開發中通常狀況下一個界面中只能出現一個 H1 標籤

---

p標籤（Paragraph）

• 做用：
  • 告訴瀏覽器哪些文字是一個段落
• 格式：
  • <p>xxxxxxxx</p>
• 注意點：
  • 在瀏覽器中會單獨佔一行

hr標籤（Horizontal Rule）

• 做用：
  • 在瀏覽器上顯示一條分割線
• 格式：
  • <hr />
• 注意點：
  • 在瀏覽器中會單獨佔一行
  • 經過觀察發現 HR 標籤能夠寫 / 也能夠不寫 /， 若是不寫 / 那麼就是按照 HTML 的規範來編寫，若是寫上 / 那麼就是按照 XHTML 的規範來編寫。可是在 HTML5 中，因爲 HTML5 兼容 HTML 和 XHTML，因此寫不寫均可以。那麼之後在作前端開發時到底寫仍是不寫呢？按照高級開發工具的提示來寫便可
  • 因爲 hr 標籤是用來修改樣式的，因此不推薦使用。從此開發中添加水平線通常都使用 CSS 盒子來作

HTML註釋（Annotation）

• 什麼是註釋？

  • 註釋是在全部計算機語言中都很是重要的一個概念，從字面上看，就是註解、解釋的意思
  • 註釋能夠用來解釋某一段程序或者某一行代碼是什麼意思，方便直接或程序員之間的交流

• 爲何要使用註釋？

  • 適當的註釋，可以讓咱們的程序更加可讀，因此用中文提示本身，這裏的程序是幹什麼的

• 註釋格式

  <!--被註釋的內容-->

• 注意點：

  • 被註釋的內容不會在瀏覽器中顯示，註釋是寫給咱們本身看的
  • 註釋不能嵌套使用

• 快捷鍵：ctrl + /

img標籤（image）

• 做用：在網頁上插入一張圖片

• 格式：

  <img src="./xxx.jpg" alt="這是圖片標籤" title="這是一張圖片" width="200px" >

• 標籤的屬性：

  • 寫在標籤中 key = "value" 這種格式的文本稱之爲標籤屬性

    屬性名稱	做用
    src	告訴瀏覽器須要插入的圖片路徑，以便於瀏覽器到該路徑下找到須要插入的圖片
    alt	規定圖像的替代文本，只有在src指定的路徑下找不到圖片，纔會顯示alt指定的文本
    title	懸停文本(介紹這張圖片, 只有在鼠標移動到圖片上時纔會顯示)
    height	設置圖片顯示的高度
    width	設置圖片顯示的寬度

• 注意點：

  • alt 必須存在
  • 建議圖片的寬度和高度只設置一個，另外一個會等比例放縮
  • img標籤添加的圖片默認不是佔一整行空間，多個圖片能夠同行顯示

br標籤

• 做用：讓內容換行
• 格式：<br/>
• 注意點：
  • br 的意思是不另起一個段落進行換行，而網頁中99.99%須要換行時都是由於另起了一個段落，因此應該用 p 來作

a標籤（anchor）

• 格式：<a href="http://www.cnblogs.com/qiuxirufeng/">湫兮如風</a>
• 做用：用於從一個頁面連接到另外一個頁面
• 注意事項：
  • 在a標籤之間必定要寫上文字，若是沒有，那麼在頁面上找不到這個標籤
  • a標籤也叫作超級連接或超連接
• a標籤的屬性

屬性名稱	做用
href	指定跳轉的目標地址
target	告訴瀏覽器是否保留原始界面, _blank保留, _self不保留
title	懸停文本(介紹這個連接, 只有在鼠標移動到超連接上時纔會顯示)

• base標籤和a標籤結合使用
  • 若是每一個a標籤都想在新頁面中打開，那麼逐個設置a標籤的target屬性比較麻煩，這時咱們可使用base和a標籤結合的方式，一次性設置有a標籤都在新頁面中打開
  • 格式：<base target="_blank" />
• 注意事項：
  • base必須嵌套在head標籤裏面
  • 若是標籤上指定了target，base中也指定了target，那麼會按照標籤上指定的來執行
• a標籤其它用法
  • 假連接（本質是跳轉到當前頁面）
    • 格式：<a href="#">湫兮如風</a>
    • 格式：<a href="javascript:">湫兮如風</a>
  • 跳轉到當前頁面指定位置（錨點連接）
    • 格式：<a href="#location">跳轉到指定位置</a>
    • 在頁面的指定位置給任意標籤添加一個id屬性
      • 例如 <p id="location">這個是目標</p>
    • 跳轉到指定頁面的指定位置
      • 格式：<a href="01-錨點連接.html#location">跳轉到指定位置</a>
      • 只須要在01-錨點連接.html頁面添加一個id位置便可