HTML行級元素和塊級元素標簽列表


HTML行級元素和塊級元素標簽列表


  ⭐ tips:塊級元素占一行,不論內容多少只要是有2個這樣的元素就會換行,行內元素內容少時不會換行。

 

一、塊元素(block)的特點:
 1. 總是在新行上開始;
 2. 高度,行高以及頂和底邊距都可控制;
 3. 寬度缺省是它的容器的100%,除非設定一個寬度。

二、行內元素(inline)的特點:
 1. 和其他元素都在一行上;
 2. 高,行高及頂和底邊距不可改變;
 3. 寬度就是它的文字或圖片的寬度,不可改變。

三、行塊級之間的轉換:
 1. 行內標簽轉換塊級標簽:display:block
 2. 塊級元素轉換行內元素:display:inline

四、行內元素列表

  <a>  標簽可定義錨
  <abbr> 表示一個縮寫形式
  <acronym> 定義只取首字母縮寫
  <b> 字體加粗
  <bdo> 可覆蓋默認的文本方向
  <big> 大號字體加粗
  <br> 換行
  <cite> 引用進行定義
  <code> 定義計算機代碼文本
  <dfn> 定義一個定義項目
  <em> 定義為強調的內容
  <i> 斜體文本效果
  <img> 向網頁中嵌入一幅圖像
  <input> 輸入框
  <kbd> 定義鍵盤文本
  <label> 標簽為input元素定義標注(標記)
  <q> 定義短的引用
  <samp> 定義樣本文本
  <select> 項目選擇、創建單選或多選菜單
  <small> 呈現小號字體效果
  <span> 組合文檔中的行內元素
  <strong> 語氣更強的強調的內容
  <sub> 定義下標文本
  <sup> 定義上標文本
  <textarea> 多行的文本輸入控件
  <tt> 打字機或者等寬的文本效果
  <var> 定義變量
  <u> 下划線

五、塊級元素列表
  <address> 定義地址
  <caption> 定義表格標題
  <dd> 定義列表中定義條目
  <div> 定義文檔中的分區或節
  <dl> 定義列表
  <dt> 定義列表中的項目
  <fieldset> 定義一個框架集
  <form> 創建 HTML 表單
  <h1> 定義最大的標題
  <h2> 定義副標題
  <h3> 定義標題
  <h4> 定義標題
  <h5> 定義標題
  <h6> 定義最小的標題
  <hr> 創建一條水平線
  <legend> 元素為
  <fieldset> 元素定義標題
  <noframes> 為那些不支持框架的瀏覽器顯示文本,於 frameset 元素內部
  <noscript> 定義在腳本未被執行時的替代內容
  <ol> 定義有序列表
  <ul> 定義無序列表
  <li> 標簽定義列表項目
  <p> 標簽定義段落
  <pre> 定義預格式化的文本
  <table> 標簽定義 HTML 表格
  <tbody> 標簽表格主體(正文)
  <td> 表格中的標准單元格
  <tfoot> 定義表格的頁腳(腳注或表注)
  <th> 定義表頭單元格
  <thead> 標簽定義表格的表頭
  <tr> 定義表格中的行

六、可變元素為根據上下文語境決定該元素為塊元素或者行內元素。
  applet - java applet
  button - 按鈕
  del - 刪除文本
  iframe - inline frame
  ins - 插入的文本
  map - 圖片區塊(map)
  object - object對象
  script - 客戶端腳本

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM