欢迎您访问365答案网,请分享给你的朋友!
生活常识 学习资料

HTML5+CSS3列表表格媒体元素学习笔记(四)

时间:2023-06-10
列表 表格 媒体元素学习笔记

行内元素和块元素列表标签

无序列表有序列表自定义列表 表格标签

打印基本表格测试样例 媒体标签 行内元素和块元素

行内元素和块元素

块元素

无论内容多少,该元素独占一行(p、h1-h6…)

行内元素

内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)

块元素间的呈现有明显的间距,行元素间的呈现会较为紧凑

列表标签

列表标签

什么是列表

列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷的获得相应信息

列表的分类

无序列表有序列表自定义列表 无序列表

Java Python 运维 前端 C/c++

有序列表 JavaPython运维前端C/c++

Java Python 运维 前端 C/c++

自定义列表
学科列表 Java Python 运维 前端 C/c++

位置 西安 重庆 新疆

学科列表 Java Python 运维 前端 C/c++ 位置 西安 重庆 新疆


表格标签

表格标签

打印基本表格

为什么使用表格

简单通用结构稳定 基本结构

单元格行列跨行跨列


如图是一个三行三列的表格
实现跨行跨列操作

2-1跨行

1-1 跨列

测试样例

表格标签学习 1-1 2-1 2-2 2-3 2-4 3-1 3-2 3-3

媒体标签

视频和音频

视频元素:video音频元素:audio关键词学习

autoplay 自动播放controls 控制器 要有控制器才有播放按钮

媒体元素学习

Copyright © 2016-2020 www.365daan.com All Rights Reserved. 365答案网 版权所有 备案号:

部分内容来自互联网,版权归原作者所有,如有冒犯请联系我们,我们将在三个工作时内妥善处理。