本文將為大家詳細(xì)介紹“HTML中列表、表格和媒體元素的簡(jiǎn)介”,內(nèi)容步驟清晰詳細(xì),細(xì)節(jié)處理妥當(dāng),而小編每天都會(huì)更新不同的知識(shí)點(diǎn),希望這篇“HTML中列表、表格和媒體元素的簡(jiǎn)介”能夠給你意想不到的收獲,請(qǐng)大家跟著小編的思路慢慢深入,具體內(nèi)容如下,一起去收獲新知識(shí)吧。
成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括吐魯番網(wǎng)站建設(shè)、吐魯番網(wǎng)站制作、吐魯番網(wǎng)頁(yè)制作以及吐魯番網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái),我們專(zhuān)注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,吐魯番網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶(hù)以成都為中心已經(jīng)輻射到吐魯番省份的部分城市,未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶(hù)的支持與信任!
html的全稱(chēng)為超文本標(biāo)記語(yǔ)言,它是一種標(biāo)記語(yǔ)言,包含了一系列標(biāo)簽.通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說(shuō)明文字,圖形、動(dòng)畫(huà)、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。
列表:有三種,有序列表,無(wú)序列表,定義列表
1.有序列表:<ol></ol>
列表項(xiàng):<li></li>
要顯示的內(nèi)容寫(xiě)在li里面,不要寫(xiě)在li的外面
有序列表在每個(gè)列表項(xiàng)前面都有排序,
排序方式可以通過(guò)在ol標(biāo)簽中設(shè)置type屬性
例如:<ol type="a"></ol>:使用英文字母排序
<ol type="i"></ol>:使用羅馬數(shù)字排序
<ol type="1"></ol>:使用阿拉伯?dāng)?shù)字排序,默認(rèn)的
2.無(wú)序列表:<ul></ul>
列表項(xiàng):<li></li>
要顯示的內(nèi)容寫(xiě)在li里面,不要寫(xiě)在li的外面
無(wú)序列表每個(gè)列表項(xiàng)前面都有符號(hào)
去除符號(hào)就在type里面設(shè)置none
例如:<ul type="square"></ul>:實(shí)心方塊
<ul type="circle"></ul>:空心方塊
<ul type="none"></ul>:去除符號(hào)
3.定義列表:<dl></dl>
列表項(xiàng):<dt></dt><dd></dd>
dt是列表標(biāo)題。dd是描述,dd有行縮進(jìn)
一個(gè)dt可以有很多dd描述
例如:<dl>
<dt>商品圖片</dt>
<dd>商品名稱(chēng)</dd>
<dd>商品價(jià)格</dd>
...
</dl>
表格:<table></table> 由行和列組成
一對(duì)tr代表一行,每一行里面有單元格td組成
例如:<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>兩行兩列
每個(gè)單元格可以跨行rowspan和跨列colspan
跨行是豎著占用其他單元格,
跨列是橫著占用其他單元格。
被占用的單元格需要?jiǎng)h除。
媒體元素:
視頻標(biāo)簽:<video src="視頻路徑" controls autoplay></video>
controls:控制臺(tái),可以對(duì)視頻進(jìn)行控制(暫停,播放)
autoplay:自動(dòng)播放
音樂(lè)標(biāo)簽:<audio src="歌的路徑" controls autoplay></audio>
這兩個(gè)屬性跟視頻中的作用都一樣,非必寫(xiě)
使用這兩個(gè)標(biāo)簽需要注意每種瀏覽器對(duì)格式的要求
如果不支持文件格式就換一種格式
iframe內(nèi)聯(lián)框架:
<iframe src="頁(yè)面路徑"name="框架名字"><iframe>
iframe內(nèi)聯(lián)框架可以打開(kāi)一個(gè)頁(yè)面在里面
配合超鏈接使用,設(shè)置超鏈接的target屬性
例如:<a href="http://www.baidi.com"target="框架名字">
注意:target屬性中寫(xiě)得到是iframe框架的name值
src屬性是框架默認(rèn)引用的一個(gè)頁(yè)面。
路徑問(wèn)題,兩個(gè)安進(jìn)同一個(gè)文件夾,這兩個(gè)文件就是同級(jí)
同級(jí)可以直接寫(xiě)文件名,后綴
如果兩個(gè)文件不是同級(jí),需要根據(jù)上下級(jí)關(guān)系改變路徑
返回上一級(jí)是../進(jìn)入文件夾就直接寫(xiě)文件夾名字
路徑是根據(jù)這個(gè)網(wǎng)頁(yè)所在的位置來(lái)判斷上下級(jí)的。
如果你能讀到這里,小編希望你對(duì)“HTML中列表、表格和媒體元素的簡(jiǎn)介”這一關(guān)鍵問(wèn)題有了從實(shí)踐層面最深刻的體會(huì),具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì),如果想閱讀更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當(dāng)前題目:HTML中列表、表格和媒體元素的簡(jiǎn)介
標(biāo)題URL:http://sd-ha.com/article24/josdje.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、建站公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)