HTML5学习第四天

【HTML5学习第四天】的更多相关文章

HTML5学习第四天一.HTML列表 HTML列表,有无序表,有序表以及自定义表,列表于列表之间可以实现嵌套列表相关操作 <ul> <li>(多选)谁世界第二可爱?</li> <ol type="A"> <li>荔枝</li> <li>荔枝</li> <li>荔枝</li> <li>荔枝</li> <li>荔枝</li&g…

HTML5学习笔记<四>: 列表, 块和布局

HTML列表列表标签标签描述 <ol> 定义有序列表. <ul> 定义无序列表. <li> 定义列表项. <dl> 定义定义列表. <dt> 定义定义项目. <dd> 定义定义的描述. <dir> 已废弃.使用 <ul> 代替它. <menu> 已废弃.使用 <ul> 代替它. 常用的列表 1. 无序列表使用标签: <ul>, <li> 属性: disc,…

HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性. 本章介绍以下新的表单元素: datalist keygen output 浏览器支持 Input type IE Firefox Opera Chrome Safari datalist No No 9.5 No No keygen No No 10.5 3.0 No output No No 9.5 No No datalist 元素 datalist 元素规定输入域的选项列表. 列表是通过 datalist 内的 op…

HTML5学习笔记四 HTML文本格式化

HTML 格式化标签 HTML 使用标签<b> 与<i> 对输出的文本进行格式, 如:粗体 or 斜体这些HTML标签被称为格式化标签通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用. 然而,这些标签的含义是不同的: <b> 与<i> 定义粗体或斜体文本.<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示. <…

HTML5学习笔记四：html5结构

一.大纲:大纲即文档中各内容区块的结构编排 1. 显示编排内容区块:使用section等元素创建文档结构,每个内容区块使用标题(h1~h6,hgroup); 2. 隐式编排内容区块:根据页面所书写的各级标题等把内容区块自动创建出来: 3. 标题分级:隐式编排按以下规则自动生成内容区块, 1)若新出现的标题比上个标题级别低,生成下级内容块:2)若级别高或者相等,生成新的内容区块注:尽量使用显示编排 4. 不同内容区块可以使用相同级别的标题,例如,父内容区块与子内容区块可以使用同级别标题h1:…

Html5 学习系列（四）文件操作API

原文:Html5 学习系列(四)文件操作API 引言在之前我们操作本地文件都是使用flash.silverlight或者第三方的activeX插件等技术,由于使用了这些技术后就很难进行跨平台.或者跨浏览器.跨设备等情况下实现统一的表现,从另外一个角度来说就是让我们的web应用依赖了第三方的插件,而不是很独立,不够通用.在HTML5标准中,默认提供了操作文件的API让这一切直接标准化.有了操作文件的API,让我们的Web应用可以很轻松的通过JS来控制文件的读取.写入.文件夹.文件等一系列的操作,…

HTML5学习笔记（四）：H5中表单新增元素及改良

方便布局表单内容可以放在表单标签之外,这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下,只要指定元素适用于哪个表单即可,如下: <form id="test" action="test.php" method="get"> <input form="test" type="text" name="name"/> </form>…

HTML5 学习总结（一）——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5…

HTML5学习总结——canvas绘制象棋(canvas绘图)

一.HTML5学习总结——canvas绘制象棋 1.第一次:canvas绘制象棋(笨方法)示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>canvas绘图_象棋棋盘</title> </head> <body> <canvas id="canvas1" width="805…

HTML5 学习笔记（一）——HTML5概要与新增标签

目录一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明二.废弃的标签三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3…