HTML列表、表格和媒体元素
列表、表格和媒体元素
一、列表:信息资源的一种展示形式
二、列表的分类:有序列表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.有序列表 <ol> <li/>内容1</li> <li>内容2</li> </o ...
- HTML中列表、表格与媒体元素
<列表.表格与媒体元素> 一.列表的使用 1.列表是信息资源的一种展现形式,它可以使信息更加结构化条理化,便于阅读 2.列表(List)的分类: a.有序列表 b.无序列表 c.定义列表 ...
- HTML学习03之列表,表格,媒体元素
一.列表是什么? 列表就是信息资源的一种展示形式.它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 列表的分类: 无序列表 有序列表 定义列表 <!DOCT ...
- 列表、表格与媒体元素
一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> ...
- html5基础(网页基本标签、图像标签、超链接、列表、表格、媒体元素、iframe框架、表单)
网页的基本信息 1.DOCTYPE声明 文档类型的声明,约束HTML文档结构,检验是否符合相关Web标准,同时告诉浏览器,使用哪种规范来解释这个文档中的代码.DOCTYPE声明必须位于HTML文档第一 ...
- html 列表、表格与媒体元素
HTML5列表分为三种类型: 1:无序列表 <ul></ul> 无序列表由<ul>和<li>标签组成,<ul>标签表示无序列表的声明 & ...
- html5列表表格媒体元素,列表、表格与媒体元素
北冥复习html(二) 一.表格的具体组成单位 由行和列组成的单元格 结构: row1,cell1 row1,cell2 table ==> 定义表格: border ==> 设置表格边粗 ...
- HTML5-列表、表格、媒体元素、页面结构分析
目录 1.列表标签 2.表格标签 3.媒体元素 1.列表标签 1)什么是列表 列表就是信息资源的一种展现形式.它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 2 ...
- 前端(二)——HTML之列表、表格、媒体元素
文章目录 1. 列表 2. 表格 3.音频.视频 3.1 音频 audio 3.2 视频 video 4. 网页结构分析 5. 内联框架 1. 列表 (1)无序列表 ul-li :应用于导航.侧边栏新 ...
最新文章
- 初级软件实作 - 星便笺 - 之二 - 富文本控件扩展
- 合并DateFrame之—— append()
- 团队任务4-每日例会(2018-12-6)
- 高通摄像头调试(OV8856)
- 设计几个简单的汇编函数
- 华为 AppGallery Connect 构建游戏分发能力,赋能游戏全生命周期
- Python列表和元组比较
- Pycharm远程调试服务器程序
- WinAPI: wvsprintf 与 wsprintf - Windows 的格式化输出函数
- Delphi Web前端开发教程(1):基于TMS WEB Core框架
- android imageview 半透明,如何将半透明视图叠加到ImageView上?
- 桌面音乐频谱linux,音乐频谱桌面特效下载-X Music Spectrum(音乐频谱桌面特效)免费版 v1.0.0.8_系统之家...
- Java常用工具类-根据物流单号,从快递100中获取物流详细信息,包含发货,签收等
- 上海滩玩起了黑科技,苏宁Biu店带你刷脸扫货
- 如何把密码写入代码,让VBA自动撤销工作表保护 / 工作簿保护(使用VBA代码 保护工作表 / 工作簿 和取消保护工作表 / 工作簿)
- ZLG-IP中ARP协议存在BUG
- iphone降频 测试软件,你的 iPhone 被降频了吗?检测方法看这里
- ComponentOne For WPF学习心得-实时数据
- PHP 生成带参微信小程序太阳码
- 【C++】C++函数需要有返回值,但非全分支return(RVO)
热门文章
- C++set容器-大小和交换
- 二叉搜索树(创建,插入,删除):基础篇,适合新手观看。
- Python--第1次平时作业
- c语言学生成绩查询课设报告,C语言课设报告(学生考试成绩查询程序)【荐】.doc...
- Eclipse使用Maven插件创建Web项目时出错:Could not resolve archetype org.apache.maven.archetypes
- ImportError: No module named google.protobuf.internal
- Spring boot 启动过程
- 2019-03-21-算法-进化(合并两个有序链表)
- L. Coordinate Paper(CCPC 长春)构造
- [CF/AT]各大网站网赛 体验部部长第一季度工作报告