塊級元素和行級元素

1淑趾、塊級元素 行級元素?

塊級(block)元素的特點:

①總是在新行上開始忧陪;

②高度治笨,行高以及外邊距和內邊距都可控制;

③寬度缺省是它的容器的100%赤嚼,除非設定一個寬度;

④它可以容納內聯元素和其他塊元素顺又。

內聯(inline)元素的特點:

①和其他元素都在一行上更卒;

②高,行高及外邊距和內邊距不可改變稚照;

③寬度就是它的文字或圖片的寬度蹂空,不可改變;

④內聯元素只能容納文本或者其他內聯元素果录。

2上枕、塊級元素:

div:文檔節(jié)

section:文檔節(jié)

nav:導航

header:頁眉

article:文章

aside:文章側欄

footer:頁腳

details:元素的細節(jié)

summary:details元素可見的標題

dialog:對話框窗口

h1,h2,h3,h4,h5,h6:標題

p:段落

ul:無序列表

ol:有序列表

dir:目錄列表

li:項目

dl:列表

dt:列表項目

dd:項目描述

menu:命令的菜單,列表

menuitem:菜單項目

command:命令按鈕

form:表單

fieldset:圍繞元素的邊框(可用于表單內元素分組)

legend:在邊框上的標題

select:選擇列表(內聯元素)

optgroup:組合選擇列表選項

option:選擇列表選項(也可做datalist選項)

datalist:下拉列表(id要與input中l(wèi)ist屬性值綁定)

table:表格

caption:表格標題

thead:組合表頭內容(th)

tbody:組合主體內容(td)

tfoot:組合表注內容(td)

tr:表格行

th:表頭單元格

td:表格單元

col:表格列屬性;(空標簽)

colgroup:表格格式化列組;

iframe:內聯框架

figure:媒介內容分組

figcaption:figure標題

map:圖像映射

area:圖像區(qū)域

canvas:圖形容器(腳本來繪制圖形)

video:視頻

source:媒介源

track:文本軌道

audio:聲音內容

br:換行(空標簽)

hr:水平分割線(空標簽)

pre:格式文本

blockquote:塊引用

address:文檔聯系信息

center:居中文本(不贊成使用)

spacer:在水平和垂直方向插入空間(空元素)

3、行級(內聯)元素:

span:內聯容器

abbr:縮寫

em:強調

strong:粗體強調

mark:突出顯示的文本

b:粗體

i:斜體

bdi:文本方向

bdo:文字方向

big:大字體

small:小字體

sup:上標

sub:下標

del:被刪除的文本

strike:刪除線

s:刪除線

ins:被插入的文本

u:下劃線

nobr:禁止換行

wbr:單詞換行時機(空標簽)

tt:打字機文本

kbd:鍵盤文本

time:日期/時間

cite:引用

q:短引用("")

font:字體設定(不常用)

acronym:縮寫(html5不支持)

dfn:字段(不常用)

a:錨點

img:圖片

embed:內嵌(空標簽)

label:input標記(點擊文本觸發(fā)控件)

input:輸入框

button:按鈕

keygen:生成秘鑰(空標簽)

textarea:多行文本輸入框

output:輸出結果

ruby:中文注音

rt:注音

rp:瀏覽器不支持ruby元素顯示的內容

progress:進度條

meter:度量

var:定義變量

code:計算機代碼文本

samp:計算機代碼樣本

select:下拉列表

?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末弱恒,一起剝皮案震驚了整個濱河市辨萍,隨后出現的幾起案子,更是在濱河造成了極大的恐慌返弹,老刑警劉巖锈玉,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異义起,居然都是意外死亡拉背,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門默终,熙熙樓的掌柜王于貴愁眉苦臉地迎上來椅棺,“玉大人,你說我怎么就攤上這事齐蔽×骄危” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵含滴,是天一觀的道長鬼雀。 經常有香客問我,道長蛙吏,這世上最難降的妖魔是什么源哩? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任鞋吉,我火速辦了婚禮,結果婚禮上励烦,老公的妹妹穿的比我還像新娘谓着。我一直安慰自己,他們只是感情好坛掠,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布赊锚。 她就那樣靜靜地躺著,像睡著了一般屉栓。 火紅的嫁衣襯著肌膚如雪舷蒲。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天友多,我揣著相機與錄音牲平,去河邊找鬼。 笑死域滥,一個胖子當著我的面吹牛纵柿,可吹牛的內容都是我干的。 我是一名探鬼主播启绰,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼昂儒,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了委可?” 一聲冷哼從身側響起渊跋,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎着倾,沒想到半個月后刹枉,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡屈呕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年微宝,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片虎眨。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡蟋软,死狀恐怖,靈堂內的尸體忽然破棺而出嗽桩,到底是詐尸還是另有隱情岳守,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布碌冶,位于F島的核電站湿痢,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜譬重,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一拒逮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧臀规,春花似錦滩援、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至谨究,卻和暖如春恩袱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背胶哲。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工畔塔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人纪吮。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像萎胰,于是被迫代替她去往敵國和親碾盟。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內容

  • HTML中的元素可分為兩種類型:塊級元素和行級元素技竟。這些元素的類型是通過文檔類型定義(DTD)來指明冰肴。塊級元素:顯...
    zy懶人漫游閱讀 844評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,728評論 1 92
  • 預覽HTML文件: 要預覽一個web頁面榔组,只需打開web瀏覽器熙尉,選擇File|OpenFile(或者根據瀏覽器的不...
    釬探穗閱讀 390評論 0 0
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,200評論 0 5
  • 吃過晚飯搓扯,兒子拿出了今天測試考的卷子检痰,滿眼的紅圈圈,讓我有點火大锨推,并不是題難不會铅歼,大多數是因為粗心大意。...
    鄧啟旭鄧君浩媽媽閱讀 198評論 6 3