- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
前端开发攻城狮系列套餐
HTML+DIV+CSS零基础入门与制作企业站视频课程
78567人学习
¥1.00
Web开发之 - 运指如飞【Sublime Vim插件&Emmet插件学习】
2197人学习
¥49.00
jQuery在网站中的应用-零基础实战
15250人学习
¥69.00
更 多 7 门 课 程
Web前端:基础入门(套餐系列)
HTML零基础入门视频课程(适合初学者的教程)
39644人学习
¥29.00
CSS零基础入门视频课程(适合初学者的教程)
29231人学习
¥29.00
JavaScript零基础入门课程(适合初学者的教程)
84630人学习
¥49.00
更 多 3 门 课 程
跟我学之web前端入门知识储备系列套餐
跟我学之jQuery牛刀小试视频教程
64486人学习
¥129.00
跟我学之JavaScript初学专列视频教程
33550人学习
¥19.00
跟我学之HTML+CSS入门畅游视频课程
54273人学习
¥9.00
更 多 3 门 课 程
前端工程师基础与提升系列专题:实战之路
12步入门前端工程师视频教程【赵甲迪】
2607人学习
¥9.00
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5435人学习
¥19.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
更 多 9 门 课 程
前端工程师基础与提升系列专题:实战之路
12步入门前端工程师视频教程【赵甲迪】
2607人学习
¥9.00
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5435人学习
¥19.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
更 多 9 门 课 程
- 课程介绍
- 课程大纲
适合人群:
零基础学员,大学生web前端入门
你将会学到:
图片标签与多媒体标签 img audio video 列表标签 ul ol li 表格标签 table
课程简介:
图片标签与多媒体标签 img audio video
本节知识点 |
Img标签 |
Audio标签 |
Video标签 |
source标签(了解) |
1.1 img标签(非常重要)
Img元素可以向网页插入一副图像,支持的图片格式:jpg,bmp,gif,png
语法:
”图片的路径” alt=”对图片说明的文字” width=”” height=”” title=”说明文字”/>
实例:
见视频
注意事项:
1. img是行内标签,是单标签。
2. 多种图片格式都可以(jpg,bmp,png,gif)
3. 当我们修改图片宽度时,高度会根据图片宽度等比例缩放(反之亦然)
1.2audio标签
1.2.1定义和用法
语法:
您的浏览器不支持audio标签
实例:
您的网页不支持音频播放,请升级您浏览器
补充:
当前audio标签支持3种音频格式
IE9 | Firefox | opera | Chrome | safari | |
Ogg vorbis | √ | √ | √ | ||
Mp3 | √ | √ | √ | ||
wav | √ | √ | √ |
1.3 Video标签
语法:
您的浏览器不支持video标签,请升级