計算機 引用 table 同一行 com tab 源碼 div display

塊級元素：塊元素又名塊級元素(block element)，和其對應的是內聯元素(inline element)，都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始，相鄰的塊級元素將會在不同行顯示。而當加入了css控制以後，塊元素和內聯元素的這種屬性差異就不成為差異了。比如，我們完全可以把內聯元素加上display:block這樣的屬性，讓它也有每次都從新行開始的屬性，即成為塊元素。同樣我們可以把塊元素加上display:inline這樣的屬性，讓它也在一行上排列。

特點：

①總是在新行上開始； ②高度，行高以及外邊距和內邊距都可控制； ③寬度缺省是它的容器的100%，除非設定一個寬度。 ④它可以容納內聯元素和其他塊元素

常見塊元素(block element)

◎ address - 地址 ◎ blockquote - 塊引用 ◎ center - 居中對齊塊 ◎ dir - 目錄列表 ◎ div - 常用塊級容器，也是css layout的主要標簽 ◎ dl - 定義列表 ◎ fieldset - form控制組 ◎ form - 交互表單 ◎ h1 - 大標題 ◎ h2 - 副標題 ◎ h3 - 3級標題 ◎ h4 - 4級標題 ◎ h5 - 5級標題 ◎ h6 - 6級標題 ◎ hr - 水平分隔線 ◎ isindex - input prompt ◎ menu - 菜單列表 ◎ noframes - frames可選內容，（對於不支持frame的瀏覽器顯示此區塊內容） ◎ noscript - 可選腳本內容（對於不支持script的瀏覽器顯示此內容） ◎ ol - 排序表單 ◎ p - 段落 ◎ pre - 格式化文本 ◎ table - 表格 ◎ ul - 非排序列表（無序列表） 行內元素

：內聯元素（html規範中的概念）英文：inline element，其中文叫法有多種，如：內聯元素、內嵌元素、行內元素、直進式元素等。基本上沒有統一的翻譯。另外提到內聯元素，通常會涉及到的屬性是display:inline；這個屬性能夠修復著名的IE雙倍浮動邊界問題。內聯元素的顯示，為了幫助理解，可以形象的稱為“文本模式”，即一個挨著一個，都在同一行按從左至右的順序顯示，不單獨占一行。而當加入了css控制以後，塊元素和內聯元素的這種屬性差異就不成為差異了

特點

1、和其他元素都在一行上； 2、高度、行高和頂以及底邊距都不可改變； 3、寬度就是它的文字或圖片的寬度，不可改變。 常見的內聯元素：

1 a – 錨點 2 abbr – 縮寫 3 acronym – 首字 4 b – 粗體(不推薦) 5 bdo – bidi override 6 big – 大字體 7 br – 換行 8 cite – 引用 9 code – 計算機代碼(在引用源碼的時候需要) 10 dfn – 定義字段 11 em – 強調 12 font – 字體設定(不推薦) 13 i– 斜體 14 img – 圖片 15 input – 輸入框 16 kbd – 定義鍵盤文本 17 label – 表格標簽 18 q – 短引用 19 s – 中劃線(不推薦) 20 samp – 定義範例計算機代碼 21 select – 項目選擇 22 small – 小字體文本 23 span – 常用內聯容器，定義文本內區塊 24 strike – 中劃線 25 strong – 粗體強調 26 sub – 下標 27 sup – 上標 28 textarea– 多行文本輸入框 29 tt – 電傳文本 30 u – 下劃線 31 var – 定義變量 總的來說，內聯元素一般都是基於語義級(semantic)的基本元素，它只能容納文本或者其他內聯元素，通常被包括在塊元素中使用，常見內聯元素有“a、b、br”等。

塊級元素和行內元素