视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTML中列表、表格和媒体元素的介绍
2020-11-27 15:24:43 责编:小采
文档


这篇文章给大家介绍的文章内容是关于HTML中列表、表格和媒体元素的介绍,有很好的参考价值,希望可以帮助到有需要的朋友。

列表:有三种,有序列表,无序列表,定义列表
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属性是框架默认引用的一个页面。

路径问题,两个安进同一个文件夹,这两个文件就是同级
同级可以直接写文件名,后缀
如果两个文件不是同级,需要根据上下级关系改变路径
返回上一级是../进入文件夹就直接写文件夹名字
路径是根据这个网页所在的位置来判断上下级的。

下载本文
显示全文
专题