首頁 > web前端 > html教學 > HTML標籤中行內元素與區塊級元素詳解

HTML標籤中行內元素與區塊級元素詳解

小云云
發布: 2018-01-05 17:59:20
原創
2482 人瀏覽過

本文主要和大家詳細介紹了HTML常用的標籤中行內元素和區塊級元素,需要的朋友參考下吧,希望能幫助大家。

區塊元素(block element) HTML標籤分類明細 

    * address - 位址
    * blockquote - 區塊參考
    * center - 舉中對齊區塊
   目錄清單
    * p - 常用區塊層級容易,也是css layout的主要標籤
    * dl - 定義清單
    * fieldset - form控制群組
    * form - 互動表單(只能用來容納互動表單(只能用來容納互動表單其它塊元素)
    * h1 - 大標題
    * h2 - 副標題
    * h3 - 3級標題
#    * h4 - 4級標題# # # *. h6 - 6級標題
    * hr - 水平分隔線
    * isindex - input prompt
    * menu - 選單清單
    * noframes - frames可選內容,(對於不支援frame的瀏覽器顯示此區塊內容
    * noscript - 選用腳本內容(適用於不支援script的瀏覽器顯示此內容)
    * ol - 排序表單
    * p - 段落
    * pre pre - 格式化文字
    * table - 表格
    * ul - 非排序清單 
 

內嵌元素(inline element) HTML標籤分類明細  

    * * abbr - 縮寫

    * acronym - 首字

    * b - 粗體(不建議)
    * bdo - bidi override
    * big 
  - bidi
 * cite - 引用
    * code - 電腦程式碼(在引用原始碼的時候需要)
    * dfn - 定義欄位
    * em - 強調
    * font - 設定(不建議)
    * i - 斜體
    * img - 圖片
    * input - 輸入方塊
    * kbd - 定義鍵盤文字
    * l - 中劃線(不推薦)
    * samp - 定義範例電腦程式碼
    * select - 項目選擇
    * small - 小字體文字
    * span - 常用內嵌容器,並定義文字內區區塊
    * strike - 中劃線
    * strong - 粗體強調
    * sub - 下標
    * sup - tt - 電傳文字
    * u - 底線
    * var - 定義變數

可變元素  HTML標籤分類明細 


    * applet - java applet  
#    * applet - java applet  
#  * button - 按鈕

    * del - 刪除文字

    * iframe - inline frame  
    * ins - 插入的文字

    * map - 圖片區塊(map)〠〠 ##    * script - 用戶端腳本


總結:

1.區塊級元素block 如p h1 p ul li等會換行想在同一行顯示  

需要浮動或display: inline

2.行級元素inline 如a span b 多個可以並排顯示預設設定寬度是不起作用 

 

需設定display: inline-block或block才行。

相關推薦:


匯總三種行內元素轉為區塊級元素的方法

html中的行內元素和區塊級元素小結

行內元素的相關用法總結

#

以上是HTML標籤中行內元素與區塊級元素詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板