html之內嵌元素與塊狀元素

標籤：

一.html之內嵌元素與塊狀元素

1.塊狀元素一般比較霸道，它排斥與其他元素位於同一行內。比如div，並且width與height對它起作用。

2.內嵌元素只能容納文本或者其他內嵌元素，它允許與其他內嵌元素位於同一行內。比如span。但是，width與height對它不起作用。

3.當然，塊狀元素與內嵌元素是可以相互裝換的。給塊狀元素設定display：inline;或者給內嵌元素設定display：block；即可裝換。

4.所有塊狀元素：      

address – 地址  blockquote – 區塊引述            center – 置中對齊       dir – 目錄列表          div – 常用塊級容易，也是CSS layout的主要標籤

dl – 定義列表  fieldset – form控制組  form – 互動表單好 h1-h6 - 標題  hr – 水平分隔線 isindex – input prompt

menu – 菜單列表 noframes – frames可選內容，（對於不支援frame的瀏覽器顯示此區塊內容 noscript – 可選指令碼內容（對於不支援script的瀏覽器顯示此內容

ol – 有序表單  p – 段落  pre – 格式化文本  table – 表格  ul – 無序列表

5.  常用的塊狀元素：

•div  -  塊　　•p  -  段落　　•h1 ~ h6  -  大標題　　•table , form  -  表格，表單　　•ul , ol  - 非排序列表，排序表單　　•hr  -  水平分割線

6.常見的內嵌元素:

•a   -  錨點  　　 •span  -  內聯塊 　　 •br  -  換行 　　 •input  -  輸入框　　  •img  -  圖片　　select  -  項目選址 　　 •textarea  -  多行文本輸入框

7.所有的內嵌元素：

a – 錨點  abbr – 縮寫  acronym – 首字  b – 粗體(不推薦)  bdo – bidi override

big – 大字型  br – 換行  cite – 引用  code – 電腦代碼(在引用源碼的時候需要)

dfn – 定義欄位  em – 強調  font – 字型設定(不推薦)  i – 斜體  img – 圖片

input – 輸入框  kbd – 定義鍵盤文本  label – 表格標籤  q – 短引用  s – 中劃線(不推薦)

samp – 定義範例電腦代碼 select – 項目選擇 small – 小字型文本  span – 常用內聯容器，定義文本內區塊

strike – 中劃線  strong – 粗體強調  sub – 下標  sup – 上標

textarea – 多行文本  tt – 電傳文本   u – 底線  var – 定義變數

 

 

html之內嵌元素與塊狀元素