课程内容
1.选择器补充
2.媒体元素
课程重点
1.相对路径与绝对路径
2.图片img以及相应属性alt,title,align
- 书写格式
<img src=" ...... " width="......" height="......">
或
<img src="......" style=" width:300px; height:200px; ">
或在head中加入样式都可以
- alt 提醒,警告 在图片加载不出时显示
- title 标题 鼠标悬停时显示
- align 对齐方式
3.embed,object,video,audio标签以及相应属性
- embed 向浏览器中添加插件(不常用)
- object (不常用)
<object data="......"></object>
- video 当下常用的视频添加方式(书写方式上audio也一样)
第一种写法
<video src="......" controls="controls" autoplay="autoplay" poster="...."></video>
视频路径 控制器 自动播放 封面 图片路径
第二种写法
<video poster="..." controls="...">
<source src="...">
</video>
4.回到顶部
<h1 id="top" name="top">顶部</h1>
<a href="#top"回到顶部</a>
- 附1:图片及文字都可以成为链接载体
- 附2:音频文件不写控制属性则在页面看不到(背景音乐)