第二章:列表,表格,媒體元素列表:有三種,有序列表,無序列表,定義列表 1.有序列表:<ol></ol> 列表項:<li></li> 要顯示的內容寫在li裡面,不要寫在li的外面 有序列表在每個列表項前面都有排序, 排序方式可以通過在ol標簽中設置type屬性 例如:<ol type="a"></o ...
第二章:列表,表格,媒體元素
列表:有三種,有序列表,無序列表,定義列表
1.有序列表:<ol></ol>
列表項:<li></li>
要顯示的內容寫在li裡面,不要寫在li的外面
有序列表在每個列表項前面都有排序,
排序方式可以通過在ol標簽中設置type屬性
例如:<ol type="a"></ol>:使用英文字母排序
<ol type="i"></ol>:使用羅馬數字排序
<ol type="1"></ol>:使用阿拉伯數字排序,預設的
2.無序列表:<ul></ul>
列表項:<li></li>
要顯示的內容寫在li裡面,不要寫在li的外面
無序列表每個列表項前面都有符號
去除符號就在type裡面設置none
例如:<ul type="square"></ul>:實心方塊
<ul type="circle"></ul>:空心方塊
<ul type="none"></ul>:去除符號
3.定義列表:<dl></dl>
列表項:<dt></dt><dd></dd>
dt是列表標題。dd是描述,dd有行縮進
一個dt可以有很多dd描述
例如:<dl>
<dt>商品圖片</dt>
<dd>商品名稱</dd>
<dd>商品價格</dd>
...
</dl>
表格:<table></table> 由行和列組成
一對tr代表一行,每一行裡面有單元格td組成
例如:<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>兩行兩列
每個單元格可以跨行rowspan和跨列colspan
跨行是豎著占用其他單元格,
跨列是橫著占用其他單元格。
被占用的單元格需要刪除。
媒體元素:
視頻標簽:<video src="視頻路徑" controls autoplay></video>
controls:控制台,可以對視頻進行控制(暫停,播放)
autoplay:自動播放
音樂標簽:<audio src="歌的路徑" controls autoplay></audio>
這兩個屬性跟視頻中的作用都一樣,非必寫
使用這兩個標簽需要註意每種瀏覽器對格式的要求
如果不支持文件格式就換一種格式
iframe內聯框架:
<iframe src="頁面路徑"name="框架名字"><iframe>
iframe內聯框架可以打開一個頁面在裡面
配合超鏈接使用,設置超鏈接的target屬性
例如:<a href="http://www.baidi.com"target="框架名字">
註意:target屬性中寫得到是iframe框架的name值
src屬性是框架預設引用的一個頁面。
路徑問題,兩個安進同一個文件夾,這兩個文件就是同級
同級可以直接寫文件名,尾碼
如果兩個文件不是同級,需要根據上下級關係改變路徑
返回上一級是../進入文件夾就直接寫文件夾名字
路徑是根據這個網頁所在的位置來判斷上下級的。