html5 2.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>
html5 2.0学习的更多相关文章
- Bootstrap3.0学习第六轮(表单)
Bootstrap3.0学习第六轮(表单) 前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.h ...
- Vue2.0学习--Vue数据通信详解
一.前言 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用.组件间如何传递数据就显得至关重要.本文尽可能罗列出一些常见的数据传递方式,如p ...
- 脑洞大开之采用HTML5+SignalR2.0(.Net)实现原生Web视频
目录 对SignalR不了解的人可以直接移步下面的目录 SignalR系列目录 前言 - -,我又来了,今天废话不多说,我们直接来实现Web视频聊天. 采用的技术如下: HTML5 WebRTC Si ...
- Servlet3.0学习总结——基于Servlet3.0的文件上传
Servlet3.0学习总结(三)——基于Servlet3.0的文件上传 在Servlet2.5中,我们要实现文件上传功能时,一般都需要借助第三方开源组件,例如Apache的commons-fileu ...
- solr6.0学习
solr6.0学习(一)环境搭建准备工作:目前最新版本6.0.下载solr 6.0:Solr6.0下载JDK8 下载jdk1.8:jdk1.8[solr6.0是基于jdk8开发的]tomcat8.0 ...
- HTMl5/CSS3/Javascript 学习推荐资源
HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/ ...
- DirectX 总结和DirectX 9.0 学习笔记
转自:http://www.cnblogs.com/graphics/archive/2009/11/25/1583682.html DirectX 总结 DDS DirectXDraw Surfac ...
- [EntLib]微软企业库5.0 学习之路——第一步、基本入门
话说在大学的时候帮老师做项目的时候就已经接触过企业库了但是当初一直没明白为什么要用这个,只觉得好麻烦啊,竟然有那么多的乱七八糟的配置(原来我不知道有配置工具可以进行配置,请原谅我的小白). 直到去年在 ...
- HTML5课程大纲/学习路线
HTML5课程大纲/学习路线 这是什么? 这个一个HTML技术路线的课程大纲/学习大纲. 你能用它做什么? 如果你是找工作的人, 利用本大纲, 你可以学习HTML5语言, 做一个HTML前端工程师, ...
- Bootstrap3.0学习14
Bootstrap3.0学习第十四轮(分页.徽章) 前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/340 ...
随机推荐
- React笔记-组件通信(六)
React笔记-组件通信(六) props概念 props是组件之间通讯的纽带 props也是组件中内置的一个属性 通过父级组件传入 在类组件里 可以直接通过this.props获取 注意: prop ...
- vue中点击其他任意位置关闭弹框
mounted() { //点击任意位置关闭区域弹窗 document.addEventListener('click', (e) => { //获取弹窗对象 const userCon = d ...
- ESLint: Expected a space before ‘/>；‘, but not found. (vue/html-closing-bracket-spacing)
文件->设置->编辑器->代码样式->HTML->其他-->在空的标签(打钩)
- PyQt5入门之QLineEdit
QLineEdit:输入单行文本 下面描述了默认的键绑定.行编辑还提供了一个上下文菜单(通常通过单击鼠标右键进行调用),它提供了其中一些编辑选项. 按键 动作 Left Arrow 将光标向左移动一个 ...
- es笔记六之聚合操作之指标聚合
本文首发于公众号:Hunter后端 原文链接:es笔记六之聚合操作之指标聚合 聚合操作,在 es 中的聚合可以分为大概四种聚合: bucketing(桶聚合) mertic(指标聚合) matrix( ...
- LeetCode 周赛 347（2023/05/28）二维空间上的 LIS 最长递增子序列问题
本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问. 往期回顾:LeetCode 单周赛第 346 场 · 仅 68 人 AK 的最短路问题 周赛 347 概览 ...
- Python潮流周刊#4：Python 2023 语言峰会
你好,我是猫哥.这里记录每周值得分享的 Python 及通用技术内容,本期是特别加更版,聚焦于 Python 官方 2023 年语言峰会的系列博客. 博客原文:https://pythoncat.to ...
- 如何判断Keil MDK ARM中已经破解？如何判断Keil MDK ARM中已经安装了相应的器件库？如何判断CubeMX的器件库已经安装成功？
如何判断CubeMX的器件库已经安装成功?请对照下图 如何判断Keil MDK ARM中已经安装了相应的器件库?请看下图 如何判断CubeMX的器件库已经安装成功?请对照下图
- 【python基础】循环语句-for循环
1.初始for循环 for循环可以遍历任何可迭代对象,如一个列表或者一个字符串.这里可迭代对象的概念我们后期介绍,先知道这个名词就好了. 其语法格式之一: 比如我们遍历学员名单,编写程序如下所示: f ...
- 程序包xx不存在解决方案：java: 程序包org.aspectj.lang.annotation
java: 程序包org.aspectj.lang.annotation不存在 #我自己已经配置好pom.xml文件,但是一直报错这个 aspectj 不存在 下面是我的pom.xml配置 可以看出来 ...