html5 2.0学习

Posted on 2023-05-09 16:16  liuxin6de1b  阅读(15)  评论(0编辑  收藏  举报

列表定义:是一种特别的对象集合。集合:集中在一起合二为一(聚集)。 聚集:多个列(信息资源)排在一起。信息资源:一堆数据,可能是字符,可能是图片。

列表分类:有序列表 无序列表  (自)定义列表  

有序列表:有顺序的列表。列表结构:<ol><li></li></ol>  有顺序,每个li独占一行,默认li标签前面有顺序标记;用于排序,可以快速定位。

无序列表:没有顺序的列表。列表结构:<ul><li></li></ul> 没有顺序,每个li独占一行,默认li标签前面有一个实心小圆点;常用于导航栏。

(自)定义列表:定义某种关系(包含和被包含的关系)。列表结构:<dl><dt> <dd></dd></dt></dl>每个dt,dd标签独占一行,默认没有标记,包含被包含的情况就可以使用。

<ol><ul><dl>就是告诉网页我下面要用什么类型的列表。<dt>的意思就是一个大的的项目,<dd>的意思就是被dt包含的小的项目。

html5的表格:有行有列,多个单元格组合在一起,可以将多个信息资源组合在一起

表格语法结构:<table border="1x"(1像素)><tr>(代表第一列)<td>(第一个单元格)</td></tr></table>   colspan="2":意思就是跨两列,rowspan="2"意思就是跨两行。在<td后面输入即可。

例如:<table border="1x"><tr><td colspan="5">学习成绩</td></tr>

          <tr><td rowspan="2">张三</td><td>语文</td><td>90</td><td> 数学</td><td>90</td></tr>

          <tr><td>英语</td><td>90</td><td>化学</td><td>50</td></tr></table>

媒体元素:video(视频标签) audio(音频标签)

视频标签结构:<video controls="controls"><surece src="video/video.webm"type="video/webm></source></video>

video:视频标签名称。controls:显示播放视频的控件按钮(倒三角)source:资源标签 src:视频资源的存放路径 type:告诉浏览器当前视频是什么类型。

audio:音频标签。结构基本与视频相同。<audio controls="controls"><source src="audio/audio.ogg"><source></audio>

html5的结构元素:header section footer

<title><style type="text/css>header,section,footer{border:1xp solid red;}(意思是边框设置为1像素,实线,红色)</style></tttle>

<body><header>我是</header><section>中国</section><footer>人</footer></body>

 

Copyright © 2024 liuxin6de1b
Powered by .NET 9.0 on Kubernetes