html-常用標籤

• base 基礎標籤

• href 給頁面所有的相對路徑規定預設的基準URL
• target a連結預設視窗模式，下面a連結會覆蓋當前的設定
• h1-h6標題標籤 文字的大小依次減小，在文件中的重要性也依次變小，標題一般只用一次，寬度獨佔一整行
• p標籤 段落標籤，寬度佔據一整行，高度適應文字高度
• hr 水平分割線單標籤，沒有結束標籤
• br 換行標籤，一般結合段落使用
• qoute q 標籤，引用標籤，標籤大小適應內容大小
• code標籤 告訴瀏覽器內部是程式碼,大小適應內容
• pre:預處理標籤，告訴瀏覽器內容願樣式顯示，保留空格換行等
• strong標籤 強調加粗 em標籤：強調斜體 b：加粗 i: 傾斜 上標：sup 下標：sub
• img:圖片標籤 src：圖片路徑 網路路徑和本地路徑 alt: 圖片描述 圖片載入失敗顯示
• 相對路徑：./:從根目錄到當前檔案下，可以省略,同第一種寫法 ../返回上一級

• a標籤：超連結 href:跳轉位置（網路連結，本地地址）target:1._self:預設：當前視窗開啟2._blank：新的頁面 eg:
  <a href="http://www.baidu.com" target="_blank">百度</a>
  <a href="index1.html" target="_blank">index1</a>
  
  <a href="#">返回頂部</a>
  
  <a href="#qqq">超文字標記語言</a>

• 列表：無序列表，有序列表，自定義列表 eg:
  
  <ul>
  <li style="background-color:red;">H5</li>
  <li>IOS</li>
  <li>Android</li>
  </ul>
  
  <ol style="background-color:red;">
  <li>吃飯</li>
  <li>睡覺</li>
  <li>打豆豆</li>
  </ol>
  
  <dl>
  
  <dt style="background-color:red;">內容標題</dt>
  
  <dd style="background-color:green;">標題內容1</dd>
  <dd>標題內容2</dd>
  <dd>標題內容3</dd>
  
  <dt>內容標題</dt>
  
  <dd>標題內容1</dd>
  <dd>標題內容2</dd>
  <dd>標題內容3</dd>
  </dl>

總結：

• 1.塊元素：p pre ul ol li dl h1-h6等
  {
  特點：預設都佔一行
  支援設定寬高
  高度自適應（自適應內容）
  支援所有css樣式
  }
• 2.內嵌元素（行元素）：
  {
  特點：可以同行顯示
  內容撐開寬高
  不支援寬高設定
  有些css樣式不支援（margin）
  }