html5讲义,HTML5(H5)疯狂讲义

什么是H5？

万维网的核心语言，超级文本标记语言的第五次重大修订

H5有什么用？

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式

为什么要学习H5？

跨平台，自适应网页设计，实时更新

H5用哪些工具开发？

Dreamweaver,WebStorm, MyEclipse等等

H5框架

有很多，此处不一一列举了

H5疯狂讲义之疯狂的标签

声明必须是 HTML 文档的第一行，位于 标签之前，所有浏览器均支持。

声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中有三种 声明。在 HTML5 中只有一种：

HTML有N多标签，根据显示的类型，主要可以分为3大类

块级标签

独占一行的标签

能随时设置宽度和高度(比如div、p、h1、h2、ul、li)

行内标签(内联标签)

多个行内标签能同时显示在一行

宽度和高度取决于内容的尺寸(比如span、a、label)

行内-块级标签(内联-块级标签)

多个行内-块级标签可以显示在同一行

能随时设置宽度和高度(比如input、button)

HTML

标签

This is a header

This is a paragraph.

运行结果

HTML < p> 标签

这是段落。

这是段落。

这是段落。

段落元素由 p 标签定义。

运行结果

HTML < h1> 到 < h6> 标签

这是标题 1

这是标题 2

这是标题 3

这是标题 4

这是标题 5

这是标题 6

运行结果

HTML< ul>< ol> < li> 标签

有序列表：

1. 打开冰箱门
2. 把大象放进去
3. 关上冰箱门
4. 打开冰箱门
5. 把大象拿出来

无序列表：

• 雪碧
• 可乐
• 凉茶

运行结果

HTML < span> 标签

提示：请使用 来组合行内元素，以便通过样式来格式化它们。

注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

some text.

HTML < a> 标签

Baidu

运行结果如下：带有超链接的百度a标签

baidu

HTML 标签

请点击文本标记之一，就可以触发相关控件：

Male

Female

运行结果

HTML 标签

First name:

Last name:

If you click "Submit", the form-data will be sent to a page called "action_page.php".

运行结果

HTML 标签

Click Me!

运行结果

可以使用display切换块级标签，行内标签，行内块级标签

p.inline

{

display:inline;

}

none 此元素不会被显示。此处注意区分与visibility的区别，下面介绍visibility

block 此元素将显示为块级元素，此元素前后会带有换行符。

inline 默认。此元素会被显示为行内元素，元素前后没有换行符。

inline-block 行内块级元素。

visibility和display两个属性都有隐藏元素的功能。visibility属性设置为none时，相应的标签虽然不显示，但是存在占位符。而display属性设置为none，这个标签就变成了一个不显示的标签。记得还有input的outline的属性设置。

H5疯狂讲义，写的偏基础，欢迎大家拍砖，不足之处还望大家留言斧正。