html:常見行內標簽,常見塊級標簽,常見自閉合標簽



本文內容:

  • 常見行內標簽
  • 常見塊級標簽
  • 常見自閉合標簽

 

 

首發日期:2018-02-12

修改:

  1. 2018-04-25:刪除了不常用的標簽

常見行內標簽:

什么是行內標簽:

  1. 行內標簽就是在頁面內只占據剛好能包裹自己內容的空間image
  2. 設置寬高屬性值不生效,只依靠內容來決定大小
  3. 行內標簽轉換為塊級標簽:style:"display:block"

常見常見行內標簽:

  • <a>:標簽可定義錨
  • <b>:字體加粗
  • <big>:大號字體加粗
  • <br>:換行
  • <cite>:引用進行定義
  • <code>:定義計算機代碼文本
  • <em>:定義為強調的內容
  • <i>:斜體文本效果
  • <img>:向網頁中嵌入一幅圖像
  • <input>:輸入框
  • <label>:標注標簽
  • <select>:創建單選或多選菜單
  • <small>:呈現小號字體效果
  • <span>:組合文檔中的行內元素
  • <strong>:語氣更強的強調的內容
  • <textarea>:多行的文本輸入控件

 


常見塊級標簽:

什么是塊級標簽:

  1. 塊級標簽就是占據整行內容的標簽【如果溢出到下一行,下一行也占據】
  2. 塊級標簽轉換為行內標簽:display:inline;
 
 

常見塊級標簽

 
  • <caption>定義表格標題
  • <dd>定義列表中定義條目
  • <div>定義文檔中的分區或節
  • <dl>定義列表
  • <dt>定義列表中的項目
  • <form>創建 HTML 表單
  • <h1>定義最大的標題
  • <h2>定義副標題
  • <h3>定義標題
  • <h4>定義標題
  • <h5>定義標題
  • <h6>定義最小的標題
  • <hr>創建一條水平線
  • <legend>元素為
  • <li>標簽定義列表項目
  • <ol>定義有序列表
  • <ul>定義無序列表
  • <p>標簽定義段落
  • <table>標簽定義 HTML 表格

 


常見行內塊標簽:

  • 這些標簽兼具了行內和塊級標簽的特點,可以設置寬高和對齊屬性
  • 例如:
    • input【理論上是行內標簽,但是可以設置大小】
    • img【理論上是行內標簽,但是可以設置大小】
    • td【理論上是行內標簽,但是可以設置大小】

 


常見自閉合標簽:

  • <input>:定義一個輸入框
  • <meta>:提供有關頁面的元信息
  • <link>:定義文檔與外部資源之間的關系,通常用來連接樣式表
  • <br>:用來換行
  • <hr>:定義一個水平線
  • <img>:定義 HTML 頁面中的圖像


免責聲明!

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



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