列表、表格和媒体元素
一、列表:信息资源的一种展示形式
二、列表的分类:有序列表1.例子:<ol><li>内容</li></ol>2.特性:有顺序,每个li都是块级元素默认的li前面有顺序标记无序列表1.例子:<ul><li>内容</li><li>内容</li></ul>2.无序列表的特性:没有顺序,每个<li>独占一行默认<li>标签前面有个小圆点导航、侧边栏新闻、有规律的图文组合一般使用无序列表定义列表1.例子:<dl><dt></dt><dd></dd></dl>2.特性:没有顺序,dt和dd标签都是块级元素默认没有标记一般用于(一个标题下有一个或者多个列表项)的情况列表注意事项:无序列表中每项都是平级,没有级别之分。
三、表格:1.组成:单元格,列,行2.基本语法:<table border="1"><tr><td></td></tr><tr><td></td></tr></table>3.跨行:rowspan4.跨列:colspan
四、媒体元素:1.视频元素:语法:<video src="视频路径" controls="controls" width="300px" height="300px"></video>2.显示视频控件:controls3.自动播放:autoplay4.音频元素:语法:<audio src="音频路径" controls> </audio>5.网页布局:<header>网页头部</header><section>网页主体</section><footer>网页底部</footer>6.iframe框架:语法:<a href="a.html" target="main">a页面</a><a href="b.html" target="main">b页面</a><iframe name="main" width="250px" height="250px"></iframe>

HTML列表、表格和媒体元素相关推荐

  1. 列表表格以及媒体元素

    一.列表 信息资源的一种展现形式 二.列表的分类 1.有序列表 <ol> <li/>内容1</li> <li>内容2</li> </o ...

  2. HTML中列表、表格与媒体元素

    <列表.表格与媒体元素> 一.列表的使用 1.列表是信息资源的一种展现形式,它可以使信息更加结构化条理化,便于阅读 2.列表(List)的分类: a.有序列表 b.无序列表 c.定义列表 ...

  3. HTML学习03之列表,表格,媒体元素

    一.列表是什么? 列表就是信息资源的一种展示形式.它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 列表的分类: 无序列表 有序列表 定义列表 <!DOCT ...

  4. 列表、表格与媒体元素

    一.无序列表 <ul>            <li>无序列表</li>            <li>有序列表</li>          ...

  5. html5基础(网页基本标签、图像标签、超链接、列表、表格、媒体元素、iframe框架、表单)

    网页的基本信息 1.DOCTYPE声明 文档类型的声明,约束HTML文档结构,检验是否符合相关Web标准,同时告诉浏览器,使用哪种规范来解释这个文档中的代码.DOCTYPE声明必须位于HTML文档第一 ...

  6. html 列表、表格与媒体元素

    HTML5列表分为三种类型: 1:无序列表 <ul></ul> 无序列表由<ul>和<li>标签组成,<ul>标签表示无序列表的声明   & ...

  7. html5列表表格媒体元素,列表、表格与媒体元素

    北冥复习html(二) 一.表格的具体组成单位 由行和列组成的单元格 结构: row1,cell1 row1,cell2 table ==> 定义表格: border ==> 设置表格边粗 ...

  8. HTML5-列表、表格、媒体元素、页面结构分析

    目录 1.列表标签 2.表格标签 3.媒体元素 1.列表标签 1)什么是列表 列表就是信息资源的一种展现形式.它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 2 ...

  9. 前端(二)——HTML之列表、表格、媒体元素

    文章目录 1. 列表 2. 表格 3.音频.视频 3.1 音频 audio 3.2 视频 video 4. 网页结构分析 5. 内联框架 1. 列表 (1)无序列表 ul-li :应用于导航.侧边栏新 ...

最新文章

  1. 初级软件实作 - 星便笺 - 之二 - 富文本控件扩展
  2. 合并DateFrame之—— append()
  3. 团队任务4-每日例会(2018-12-6)
  4. 高通摄像头调试(OV8856)
  5. 设计几个简单的汇编函数
  6. 华为 AppGallery Connect 构建游戏分发能力,赋能游戏全生命周期
  7. Python列表和元组比较
  8. Pycharm远程调试服务器程序
  9. WinAPI: wvsprintf 与 wsprintf - Windows 的格式化输出函数
  10. Delphi Web前端开发教程(1):基于TMS WEB Core框架
  11. android imageview 半透明,如何将半透明视图叠加到ImageView上?
  12. 桌面音乐频谱linux,音乐频谱桌面特效下载-X Music Spectrum(音乐频谱桌面特效)免费版 v1.0.0.8_系统之家...
  13. Java常用工具类-根据物流单号,从快递100中获取物流详细信息,包含发货,签收等
  14. 上海滩玩起了黑科技,苏宁Biu店带你刷脸扫货
  15. 如何把密码写入代码,让VBA自动撤销工作表保护 / 工作簿保护(使用VBA代码 保护工作表 / 工作簿 和取消保护工作表 / 工作簿)
  16. ZLG-IP中ARP协议存在BUG
  17. iphone降频 测试软件,你的 iPhone 被降频了吗?检测方法看这里
  18. ComponentOne For WPF学习心得-实时数据
  19. PHP 生成带参微信小程序太阳码
  20. 【C++】C++函数需要有返回值,但非全分支return(RVO)

热门文章

  1. C++set容器-大小和交换
  2. 二叉搜索树(创建,插入,删除):基础篇,适合新手观看。
  3. Python--第1次平时作业
  4. c语言学生成绩查询课设报告,C语言课设报告(学生考试成绩查询程序)【荐】.doc...
  5. Eclipse使用Maven插件创建Web项目时出错:Could not resolve archetype org.apache.maven.archetypes
  6. ImportError: No module named google.protobuf.internal
  7. Spring boot 启动过程
  8. 2019-03-21-算法-进化(合并两个有序链表)
  9. L. Coordinate Paper(CCPC 长春)构造
  10. [CF/AT]各大网站网赛 体验部部长第一季度工作报告