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 ...
随机推荐
- 都说 C++ 没有 GC，RAII: 那么我算个啥？(赠书福利)
*以下内容为本人的学习笔记,如需要转载,请声明原文链接微信公众号「ENG八戒」https://mp.weixin.qq.com/s/7A9-tGZxf4w_7eZl3OUQ4A 学过 Java.C# ...
- 解决pytest+allure报告中文乱码
在conftest文件里添加钩子函数: def pytest_collection_modifyitems(items): """ 测试用例收集完成时,将收集到的item ...
- C++面试八股文：struct、class和union有哪些区别?
某日小二参加XXX科技公司的C++工程师开发岗位5面: 面试官:struct和class有什么区别? 小二:在C++中,struct和class的唯一区别是默认的访问控制.struct默认的成员是pu ...
- 华为IP综合实验
目录 实验拓扑 实验需求 实验步骤 1.配置IP地址和环回口地址 2.在总公司上进行相应VLAN划分与配置 3. SW3和SW4的互连接口启用eth-trunk,最大带宽为2G 4. SW1.SW2. ...
- 实例讲解Flink 流处理程序编程模型
摘要:在深入了解 Flink 实时数据处理程序的开发之前,先通过一个简单示例来了解使用 Flink 的 DataStream API 构建有状态流应用程序的过程. 本文分享自华为云社区<Flin ...
- CKS 考试题整理 （14）-启用API Server认证
Context 由 kubeadm 创建的cluster 的kubernetes API 服务器,出于测试目的, 临时配置允许未经身份验证和未经授权的访问,授予匿名用户 cluster-admin 的 ...
- gitlab docker升级报错
背景 使用docker部署gitlab(9.5.4)后,发现合并代码有问题 日志: 看gitlab官网此问题已修复,由于上传了一批代码,又懒得重建,决定对gitlab升级 docker启动命令: do ...
- 记一次字符串末尾空白丢失的排查 → MySQL 是会玩的！
开心一刻 今天答应准时回家和老婆一起吃晚饭,但临时有事加了会班,回家晚了点 回到家,本以为老婆会很生气,但老婆却立即从厨房端出了热着的饭菜 老婆:还没吃饭吧,去洗下,来吃饭吧 我洗好,坐下吃饭,内心感 ...
- Apple、AWS 这些科技巨头，已悄然入局隐私计算
随着数字化时代的到来,数据已经成为企业竞争的重要资源.然而,与此同时,数据隐私泄露的风险也在不断增加,这已经成为了公共安全和个人权利保护的重要问题.为了解决这个问题,科技巨头谷歌.苹果.亚马逊纷纷入局 ...
- 开发中MongoDB遇到的各种问题
目录 一.安装6版本以下 二.安装6版本及以上 三.安装6版本以下(解压版) 四.配置本地 Windows MongoGB 服务 五.navicat 连接远程mongodb数据库 六.ip不一致问题 ...