前端學(xué)習(xí)筆記之--HTML(2)


????多媒體元素

? ??video?視頻? ?????controls:?控制控件的顯示团赁,取值只能為controls? ? ? ? ? ? autoplay:?布爾屬性翰苫,自動播放止邮。muted:?布爾屬性,靜音播放奏窑。loop:?布爾屬性导披,循環(huán)播放?

? ??audio?音頻????controls:?控制控件的顯示,取值只能為controls? ? ? ? ? ? autoplay:?布爾屬性良哲,自動播放盛卡。 muted:?布爾屬性助隧,靜音播放筑凫。 loop:?布爾屬性,循環(huán)播放?

? ??兼容性1.?舊版本的瀏覽器不支持這兩個元素????????2.?不同的瀏覽器支持的音視頻格式可能不一致? ? ? ? ?如mp4并村、webm

audio用法與之一致

? ? 列表元素

? ? 有序列表: ol (ordered?list)? ?子項 li

? ? 無序列表: ul?(unordered?list)? ?子項 li

? ? 定義列表:dl:?definition?list????dt:?definition?title????dd:?definition?description

? ??有序列表

????????1.type 指定列表標識類型

? ????????????取值:????1 默認值巍实,以數(shù)字排序????a 小寫英文字母排序????A 大寫英文字母排序????I 大寫羅馬數(shù)字排序????i 小寫羅馬數(shù)字排序

????????2.start 指定起始編號是從第 幾 開始????

? ? ? ? ? ? ?取值:為無單位的數(shù)字

????????3.?reversed 倒序

? ??????注意:如果設(shè)置的type類型倒序到最開始,會改成從零開始倒序

? ??????

? ??無序列表

? ??????1.type 指定無序列表的標識

? ????????????取值:disc? 實心圓????circle 空心圓????square 實心方塊????none? 不顯示標識


? ? 自定義列表


? ??容器元素

? ??容器元素:該元素代表一個塊區(qū)域哩牍,內(nèi)部用于放置其他元素? ?div

語義化div :?header?footer?article?section?aside?

????header:?通常用于表示頁頭棚潦,也可以用于表示文章的頭部

????footer:?通常用于表示頁腳,也可以用于表示文章的尾部

????article:?通常用于表示整篇文章

????section:?通常用于表示文章的章節(jié)

????aside:?通常用于表示側(cè)邊欄

?元素的包含關(guān)系

????1.?容器元素中可以包含任何元素

????2.?a元素中幾乎可以包含任何元素

????3.?某些元素有固定的子元素(ul>li膝昆,ol>li丸边,dl>dt+dd)

????4.?標題元素和段落元素不能相互嵌套叠必,并且不能包含容器元素


? ? 框架頁

????iframe元素??????通常用于在網(wǎng)頁中嵌入另一個頁面

? ??iframe?可替換元素(盒模型可在css中查看)

????????1.?通常行盒

????????2.?通常顯示的內(nèi)容取決于元素的屬性

????????3.?CSS不能完全控制其中的樣式

? ? ? ? 4.?具有行快盒的特點

? ??

? ??在頁面中使用flash? ??object? ? ?embed? 它們都是可替換元素MIME(Multipurpose?Internet?Mail?Extensions)


? ? 表格元素

? ? table : 表格元素

? ? 因為渲染過慢,已經(jīng)不在適用網(wǎng)頁布局



? ? 一些其他元素

abbr縮寫詞

time提供給瀏覽器或搜索引擎閱讀的時間

?b??(bold)以前是一個無語義元素妹窖,主要用于加粗字體

?q一小段引用文本

?blockquote大段引用的文本

meta還可以用于搜索引擎優(yōu)化(SEO)

link鏈接外部資源(CSS纬朝、圖標)????rel屬性:relation,鏈接的資源和當前網(wǎng)頁的關(guān)系????????type屬性:鏈接的資源的MIME類型


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末骄呼,一起剝皮案震驚了整個濱河市共苛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蜓萄,老刑警劉巖隅茎,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異嫉沽,居然都是意外死亡辟犀,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門耻蛇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來踪蹬,“玉大人,你說我怎么就攤上這事臣咖≡镜罚” “怎么了?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵夺蛇,是天一觀的道長疚漆。 經(jīng)常有香客問我,道長刁赦,這世上最難降的妖魔是什么娶聘? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮甚脉,結(jié)果婚禮上丸升,老公的妹妹穿的比我還像新娘。我一直安慰自己牺氨,他們只是感情好狡耻,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著猴凹,像睡著了一般夷狰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上郊霎,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天沼头,我揣著相機與錄音,去河邊找鬼。 笑死进倍,一個胖子當著我的面吹牛土至,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播猾昆,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼毙籽,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了毡庆?” 一聲冷哼從身側(cè)響起坑赡,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎么抗,沒想到半個月后毅否,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡蝇刀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年螟加,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吞琐。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡捆探,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出站粟,到底是詐尸還是另有隱情黍图,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布奴烙,位于F島的核電站助被,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏切诀。R本人自食惡果不足惜揩环,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望幅虑。 院中可真熱鬧丰滑,春花似錦、人聲如沸倒庵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽哄芜。三九已至貌亭,卻和暖如春柬唯,著一層夾襖步出監(jiān)牢的瞬間认臊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工锄奢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留失晴,地道東北人剧腻。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像涂屁,于是被迫代替她去往敵國和親书在。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容

  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的拆又,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體儒旬。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,899評論 0 0
  • 列表 有序、無序和定義列表 無序列表 無序列表是一個項目的列表帖族,此列項目使用粗體圓點(典型的小黑圓圈)進行標記栈源。開...
    Wonder茂茂閱讀 389評論 0 2
  • 小白學(xué)了一晚上的html標簽,還是沒弄明白秘籍和大街上3毛錢的書有什么不同竖般。第二天一大早就去向大叔請教甚垦。 大叔笑呵...
    叔維特閱讀 275評論 1 1
  • 1.樣式有幾種引入方式? link和@import有什么區(qū)別? I. 樣式在HTML中有三種引入方式涣雕,分別是 內(nèi)聯(lián)...
    王康_Wang閱讀 459評論 1 0
  • html類: 對 HTML 進行分類(設(shè)置類)艰亮,使我們能夠為元素的類定義 CSS 樣式。為相同的類設(shè)置相同的樣式挣郭,...
    吃飽喝足搬代碼丶閱讀 310評論 0 0