標題標籤

• 標題,是通過<h1>-<h6>六個標籤分別來對六個級別的標題進行定義的,給標籤內部的元素內容新增對應級別標題的語義
• <h1>定義最大的標題，<h6>定義最小的標題
• <h1>-<h6>標籤都是雙標籤，且是容器級標籤

<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<h4>四級標題</h4>
<h5>五級標題</h5>
<h6>六級標題</h6>
 

• 標題標籤之間是不能相互巢狀的
  標題標籤對於呈現文件結構非常重要，使用時要根據標籤的重要程度進行選擇，其中

  標籤最重要，

  標籤次之，以次類推

在整個HTML中權重非常高，內部應該放重要的內容，比如LOGO

由於非常重要，內部的文字對於提高搜尋引擎排名也非常重要，如果一個頁面出現多個

，反而降低權重。約定，一個頁面只會出現一個

段落標籤
段落是通過

標籤進行定義的
標籤是雙標籤，且為文字級標籤。內部只能放置文字、圖片、表單元素，或者廢棄的標籤等
作用：

標籤的作用是給標籤內部的內容新增一個完整段落的語義，不負責內容自動換行的樣式

這是段落標籤

換行標籤

標籤是HTML中的一個簡單的換行符

標籤是一個單標籤
在需要換行的位置可以使用
標籤書寫，只是進行簡單的強制換行

這是第一
個段落

文字格式化
HTML中有部分標籤是用來對文字進行格式化顯示設定的，比如粗體和斜體等
定義粗體文字
定義斜體
定義下劃線

影象標籤
影象由標籤進行定義
標籤是單標籤，本身相當於一個特殊的文字
標籤的作用是在指定的位置插入一張圖片
在HTML檔案，常用的插入圖片的型別有jpg,png,gif

標籤最為重要的屬性為src，儘量使用alt屬性對圖片進行說明，新增相對關鍵詞可以有利於SEO搜尋引擎優化，其他屬性可以根據需求進行設定

音訊標籤
音訊使用

//設定控制器控制音訊

視訊標籤
視訊的設定方法和音訊類似
視訊使用

//設定控制器控制視訊頻

超級連結標籤
在HTML中使用標籤來建立連結
可以實現兩種跳轉：跨頁面跳轉、頁面內跳轉

target屬性
_self:預設值，表示跳轉的頁面在當前視窗開啟，不會開啟新視窗
_blank: 表示跳轉的頁面在新視窗開啟
title屬性
title設定的滑鼠懸停的提示文字，與標籤類似

設定錨點
在目標位置找到任意一個標籤，給它新增id屬性，id的屬性值必須是唯一的
在目標位置設定一個空的，只設置一個name屬性，name設定方式和id相同，也必須是唯一的

跨頁面錨點跳轉

列表
列表用於製作HTML中的一系列專案
通常我們會將內容相關、結構相似、樣式相近的內容使用列表結構進行搭建
根據專案的內容不同，可以有三種語義的列表結構：無序列表、有序列表、定義列表
無序列表標籤
無序列表標籤分別是

和
• 內部只能巢狀
  • ,
  • 標籤不能脫離
    單獨書寫
    • 標籤是一個經典容器級標籤 無序列表之間的
    • 沒有先後順序之分，重要程度相同 有序列表標籤 有序列表標籤由
      和
      1. 組成 定義列表標籤 自定義列表不僅僅是一列專案，而是專案及其註釋的組合 由三個標籤組成完整結構，包含

         、

         、

         dt和dd標籤也是容器級標籤，內部可以放置任意內容 佈局標籤 標籤 最經典的容器級標籤，內部可以放置任意內容 劃分網頁區域，進行結構佈局 標籤 不改變整體效果，輔助進行區域性調整