0目录
|
1.行内元素和块元素
行内元素:不独占一行,例如:<a>标签,strong标签,em标签 块级元素:独占一行,例如:<p>标签,h1-h6标签 |
2.HTML列表
列表定义
无序列表、有序列表、(自)定义列表 |
无序列表:unorder 定义:没有顺序 HTML5(H5)代码结构: <body> |
无序列表特性: 1.没有顺序,每个<li>标签独占一行(<li>块集元素) 2.默认的<li>标签前面有个实心小圆点 3.应用场景:常用在导航功能中 |
有序列表:order 定义:有顺序 代码结构: <body> |
有序列表特性: 1.有顺序,每个<li>标签独占一行 2.默认的<li>标签前面有顺序标记 3.应用场景:一般用于试卷、问卷等 |
定义列表: 定义:定义某种关系(包含和被包含) 代码结构: <body> |
定义列表特性: 1.没有顺序,每个<dt>标签,<dd>独占一行(块元素) 2.默认没有标记 3.一般用于:存在包含和被包含的关系 |
三种类型的列表区别:
|
3.HTML5表格
表格: 1.定义:有行有列,多个单元格组成 2.表格缘由:可以清晰的将多个信息资源组合在一起,如果没有表格则会导致网站中的信息资源杂乱 |
表格语法结构: table:表格标签名称(元素) border:边界 1px:1像素 tr: 表格中的行标签 td:表格中的单元格标签(列标签) 一行一列: 加上表格框: 两行三列: 多行多列: |
表格跨列: 2行横跨2列: 3行横跨2列: 综上代码得出结论:跨列多少和几行没有关系 |
表格跨行: 横跨两行:
实战:
|
表格跨行和跨列: |
4.HTML5媒体元素
HTML5媒体元素应用场景: 一般应用与网站上的音频文件或视频文件 |
HTML5媒体元素标签的种类: 1.video视频元素(标签) 2.audio音频元素(标签) |
video: 在demo002项目下新建video目录,视频复制到此目录中,编写代码,运行后播放
|