什么是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> 标签
有序列表:
- 打开冰箱门
- 把大象放进去
- 关上冰箱门
- 打开冰箱门
- 把大象拿出来
无序列表:
- 雪碧
- 可乐
- 凉茶
运行结果
HTML < span> 标签
提示:请使用 来组合行内元素,以便通过样式来格式化它们。
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
some text.
HTML < a> 标签
运行结果如下:带有超链接的百度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疯狂讲义,写的偏基础,欢迎大家拍砖,不足之处还望大家留言斧正。