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

列表分类：有序列表 无序列表  （自）定义列表 　

有序列表：有顺序的列表。列表结构：<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>

html5 2.0学习的更多相关文章

  1. Bootstrap3.0学习第六轮(表单)

    Bootstrap3.0学习第六轮(表单) 前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.h ...

  2. Vue2.0学习--Vue数据通信详解

    一.前言 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用.组件间如何传递数据就显得至关重要.本文尽可能罗列出一些常见的数据传递方式,如p ...

  3. 脑洞大开之采用HTML5+SignalR2.0(.Net)实现原生Web视频

    目录 对SignalR不了解的人可以直接移步下面的目录 SignalR系列目录 前言 - -,我又来了,今天废话不多说,我们直接来实现Web视频聊天. 采用的技术如下: HTML5 WebRTC Si ...

  4. Servlet3.0学习总结——基于Servlet3.0的文件上传

    Servlet3.0学习总结(三)——基于Servlet3.0的文件上传 在Servlet2.5中,我们要实现文件上传功能时,一般都需要借助第三方开源组件,例如Apache的commons-fileu ...

  5. solr6.0学习

    solr6.0学习(一)环境搭建准备工作:目前最新版本6.0.下载solr 6.0:Solr6.0下载JDK8 下载jdk1.8:jdk1.8[solr6.0是基于jdk8开发的]tomcat8.0 ...

  6. HTMl5/CSS3/Javascript 学习推荐资源

    HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/ ...

  7. DirectX 总结和DirectX 9.0 学习笔记

    转自:http://www.cnblogs.com/graphics/archive/2009/11/25/1583682.html DirectX 总结 DDS DirectXDraw Surfac ...

  8. [EntLib]微软企业库5.0 学习之路——第一步、基本入门

    话说在大学的时候帮老师做项目的时候就已经接触过企业库了但是当初一直没明白为什么要用这个,只觉得好麻烦啊,竟然有那么多的乱七八糟的配置(原来我不知道有配置工具可以进行配置,请原谅我的小白). 直到去年在 ...

  9. HTML5课程大纲/学习路线

    HTML5课程大纲/学习路线 这是什么? 这个一个HTML技术路线的课程大纲/学习大纲. 你能用它做什么? 如果你是找工作的人, 利用本大纲, 你可以学习HTML5语言, 做一个HTML前端工程师, ...

  10. Bootstrap3.0学习14

    Bootstrap3.0学习第十四轮(分页.徽章)   前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/340 ...

随机推荐

  1. 【python】使用爬虫爬取动漫之家漫画全部更新信息

    本篇仅在于交流学习 网站名称为: https://manhua.dmzj.com/ 1.首先将相应的库导入: import requests from lxml import etree 2.确定漫画 ...

  2. 2021-08-21：给定一个数组arr，长度为N ＞ 1，从中间切一刀，保证左部分和右部分都有数字，一共有N-1种切法，如此多的切法中，每一种都有:绝对值(左部分最大值 – 右部分最大值)。返回最大

    2021-08-21:给定一个数组arr,长度为N > 1,从中间切一刀,保证左部分和右部分都有数字,一共有N-1种切法,如此多的切法中,每一种都有:绝对值(左部分最大值 – 右部分最大值).返 ...

  3. 【工作随手记】mysql优化之1

    原SQL: SELECT p.id, p.NAME, p.idcard, p.phone, p.plate, p.FAMILY_NO FROM t_person_info p WHERE p.id I ...

  4. 【Java】Eclipse常用快捷键整理

    前言 还是最近在上Java课,由于疫情原因,看的网课,那里的老师比较实战派,很多时候不知道按了什么快捷键就立马出现了很骚的操作.网上查询后发现了一些快捷键对于我这个eclipse小白还是挺常用的,整理 ...

  5. HTML渲染机制

    一直写页面但是很少对一些较深的运行机制的了解,这次趁休假查了一些相关的资料加上个人理解,记录一下关于html渲染的整个过程,也加深一下自己对html渲染的理解 一.先借一张图来看看html的整个加载过 ...

  6. Spring Boot实现高质量的CRUD-1

    1.前言 ​ 在Spring Boot的SMM框架(SpringBoot+Mysql+Mybatis)的WEB项目中,CRUD(增删改查)大致占了50%-70%左右的工作量.提高CRUD的代码质量,提 ...

  7. go语言字符与字符串相关

    ASCII ASCII(American Standard Code for Information Interchange,美国信息交换标准代码)是基于拉丁 字母的一套单字节编码系统 字符 本质上来 ...

  8. 搭建springbootweb环境

    搭建springboot环境(idea环境) 实现步骤: 1.基础环境配置 2.maven配置 3.编写第一个程序helloworld(可能有两个小问题) 4.运行(jar包运行,命令行运行) 一.基 ...

  9. @Document元注解的使用

    @Documented注解标记的元素,Javadoc工具会将此注解标记元素的注解信息包含在javadoc中.默认,注解信息不会包含在Javadoc中.示例如下: 声明Book注解,并使用@Docume ...

  10. Prompt 手册——gpt-best-practices

    本文链接:https://www.cnblogs.com/wanger-sjtu/p/17470388.html 本文是 OpenAI gpt-best-practices 对如何使用GPT的Prom ...