【HTML5系列教程】

《HTML5系列教程》：

内容介绍

内容包括HTML简介、服务器的概念、B/S、C/S软件架构、前端与后端的开发内容、HTML发展历程、浏览器内核介绍、Web标准、WebStorm工具的使用、WebStorm常用快捷键、HTML常用标签

如：文本标签(span)、排版标签(div/p/h1~h6)、图像标签(img)、超链接(a)、锚点的使用、列表标签(ul/li)、表格标签(table)、表单标签(form)

元素的种类、块级元素/行内元素/行内块元素的特点

HTML5新增标签：包括布局标签(header/footer/nav/article/aside)、控件标签(meter/progress/details/dialog)、文本标签(ruby/mark)、表单标签新增属性(email/url/number/search/tel/range/color/date/month/week/time/datetime-local等)、多媒体标签(video/audio)、HTML全局属性、H5新增全局属性等

详细目录

一、HTML5概述	1
	1.1 服务器的概念	1
		1.1.1 什么是服务器	1
		1.1.2 服务器的概念	1
		1.1.2 BS和CS架构	3
	1.2 前端与后端	4
		1.2.1 前端开发的主要内容	4
		1.2.2 后端开发的主要内容	7
	1.3 什么是HTML	8
		1.3.1 HTML的含义	8
		1.3.2 HTML的发展历程	9
	1.4 浏览器介绍	11
		1.4.1 常用浏览器概述	11
		1.4.2 浏览器的内核	13
	1.5 Web标准	15
二、HTML快速入门	16
	2.1 HTML的入门	16
		2.1.1 编写第一个HTML代码	16
		2.1.2 HTML代码注释	18
	2.2 HTML的结构	19
		2.2.1 标签的分类	21
		2.2.2 标签的关系	22
	2.3 标签的属性	23
三、WebStorm开发工具	24
	3.1 WebStorm简介	24
	3.2 WebStorm安装	25
	3.3 WebStorm基本使用	26
		3.3.1 创建项目	26
		3.3.2 调整字体大小	28
		3.3.3 代码自动补全	31
		3.3.4 WebStorm常用快捷键	33
四、HTML常用标签	33
	4.1 文本标签	33
	4.2 排版标签	36
		4.2.1 段落标签（p）	36
		4.2.2 标题标签（h1~h6）	37
	4.3 图像标签（img）	39
	4.4 超链接标签（a）	41
		4.4.1 超链接的用法	41
		4.4.2 锚点的基本使用	43
		4.4.3 锚点的跨页面跳转	48
		4.4.4 其他功能	57
	4.5 列表标签	58
		4.5.1 无序列表（ul）	58
		4.5.2 有序列表（ol）	61
		4.5.3 自定义列表（dl）	64
	4.6 表格标签（table）	66
		4.6.1 表格标签介绍	66
		4.6.2 表格的结构	67
		4.6.3 表格的属性	72
	4.7 表单标签（form）	79
		4.7.1 表单标签介绍	79
		4.7.2 表单的常用标签	82
	4.8 iframe内联框架	95
	4.9 HTML的转义字符	97
		4.9.1 什么是转义字符	97
		4.9.2 转义字符的组成	97
	4.10 标签的语义化	98
五、HTML元素类型	99
	5.1 块级元素	99
	5.2 行内元素	100
	5.3 行内块元素	100
六、HTML5新增标签	102
	6.1 布局标签	102
		6.1.1 常规布局标签	102
		6.1.2 控件标签	104
		6.1.3 文本标签	109
	6.2 表单标签	110
		6.2.1 H5新增input类型	110
		6.2.2 H5新增表单相关属性	115
	6.3 多媒体标签	118
		6.3.1 video视频标签	118
		6.3.2 radio音频标签	122
七、标签的全局属性	124
	7.1 标签全局属性	124
	7.2 H5新增全局属性	125

文章目录

• 01【HTML5概述】

• 02【HTML快速入门】

• 03【WebStorm开发工具】

• 04【HTML常用标签】

• 05【HTML元素类型】

• 06【HTML5新增标签】

• 07【标签的全局属性】

• 未完待续…

其他系列教程：

• 后端系列教程：

  • 《JavaSE系列教程》

  • 《MySQL系列教程》

  • 《JavaWeb系列教程》

  • 《SSM系列教程》

  • 《Java流行框架系列教程》

  • 《Java流行中间件系列教程》

  • 《设计模式系列教程》

  • 《数据结构系列教程》

  • 《并发编程系列教程》

  • 《JVM系列教程》

  • 《IO模型系列教程》

• 前端系列教程

  • 《HTML5系列教程》

  • 《CSS3系列教程》

强调：本教程属于本人日夜整理出来的精华教程，未经许可禁止转载！