Web前端工程师系列课程——HTML入门02视频课程

图片标签与多媒体标签 img audio video 列表标签 ul ol li 表格标签 table

5.0 (个评分) 1432人学习

初级 12课时 2小时1分钟 2018/10/19更新

二维码 下载学堂APP 缓存视频离线看

    • 畅销套餐
    • 精选套餐
    • 人气套餐
    • 尊享套餐
    • 高薪套餐
前端开发攻城狮系列套餐
总价:
517.00
套餐价:
306.08
节省
¥210.92
Web开发之 - 运指如飞【Sublime Vim插件&Emmet插件学习】
2134人学习
¥49.00
HTML+DIV+CSS零基础入门与制作企业站视频课程
76743人学习
¥1.00
jQuery在网站中的应用-零基础实战
15202人学习
¥69.00
更 多 7 门 课 程
跟我学之web前端入门知识储备系列套餐
总价:
157.00
套餐价:
132.90
节省
¥24.10
跟我学之HTML+CSS入门畅游视频课程
54232人学习
¥9.00
跟我学之JavaScript初学专列视频教程
33472人学习
¥19.00
跟我学之jQuery牛刀小试视频教程
64429人学习
¥129.00
更 多 3 门 课 程
Web前端:基础入门(套餐系列)
总价:
107.00
套餐价:
70.49
节省
¥36.51
JavaScript零基础入门课程(适合初学者的教程)
76215人学习
¥49.00
HTML零基础入门视频课程(适合初学者的教程)
30621人学习
¥29.00
CSS零基础入门视频课程(适合初学者的教程)
22087人学习
¥29.00
更 多 3 门 课 程
前端工程师基础与提升系列专题:实战之路
总价:
469.00
套餐价:
375.20
节省
¥93.80
前端工程师实战进阶视频课程——玩转JavaScript
2893人学习
¥16.00
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5414人学习
¥19.00
12步入门前端工程师视频教程【赵甲迪】
2232人学习
¥9.00
更 多 9 门 课 程
Web前端开发大师系列专题(基础与实战)
总价:
395.00
套餐价:
319.96
节省
¥75.04
web前端开发工程师之HTML+CSS零基础与提升系列课程(课工场璇女神)
32890人学习
¥99.00
web前端开发工程师之HTML5前端开发基础与实战
9534人学习
¥49.00
web前端开发工程师之JavaScript基础入门系列视频教程
9330人学习
¥49.00
更 多 5 门 课 程
前端开发工程师 新人优惠券
  • 课程介绍
  • 课程大纲 试看
  • 讲师好课 14
  • 学员评价

适合人群:

零基础学员,大学生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标签,请升级

 

<video src="imgs/video.mp4" controls="controls" height="400" poster="imgs/1.jpg" autoplay="autoplay">

你的浏览器不支持

video>

 

支持的格式:MPEG4OggMebM

 

1.4 Source标签

source标签一般用于video标签、audio标签定义媒体资源。允许视频或音频根据浏览器的兼容性进行选择。

 

1.选择合适的视频播放

 

当前浏览器不支持 video直接播放,点击这里下载视频: 下载视频

 

2. 选择合适的音频播放

    

 

2.列表标签 ulol, dl(学习)

2.1 ul无序列表标签

基本结构:


       

    • 国际新闻


       

    • 国内新闻


       

    • 军事热点


       

    • 数码、科技



     

    • 时装

     


     

    注意:

             1.ul标签和li标签是组合使用。

             2.li标签里面可以添加任何内容,或者嵌套标签也可以

             3.无序列表会自动生成一个小圆点,一般在实际应用中会去掉。

     

    2.2 有序列表ol

    语法:定义子项顺序的。一般有编号(数字或字母或希腊字母)


         

      • 小西瓜


       

       

       

      注意:

               有序列表type属性的几个值:

               A表示显示的编号是大写字母

               a表示编号是小写字母

               I表示编号是罗马数字

               i表示编号是小写罗马数字

               默认情况下显示的是数字

       

       

       

      实例:
































               








                2.3定义列表dl

                什么是定义列表

                dl标签定义了定义列表,通常用于名称的解释或者概念的定义。每个子项分为2个部分,一部分负责定义,另一部分负责解释


                  • 计算机资料


                  • H5前端开发


                  • JavaScript


                  • NodeJS基础与提升


                  • PhP语法基础与提升



                  • 文学书籍


                  • 诗歌


                  • 小说


                  • 散文


                   

                   

                  3. 表格table

                  3.1表格的使用

                  (1)table标签

                  (2)表格行、列的合并


                  展开更多

                  课程大纲-Web前端工程师系列课程——HTML入门02视频课程

                  5

                  条学员评分 超过  “Html/CSS”   99%的课程
                      展开更多
                      加载中
                      没有了哦~
                      关注公众号 领VIP会员
                      下次再说

                      点击打包下载,即可获取该课程全部资料

                      打包下载
                      迎新春满300减35 满400减50
                      是否单独购买该课程?
                      直接购买 去凑单
                      在线
                      客服
                      APP
                      下载

                      下载Android客户端

                      下载iphone 客户端

                      官方
                      微信

                      关注官方微信

                      返回
                      顶部