走进HTML5
1.1 认识html5
html指超文本标记语言，文件的扩展名为html或者htm。打开方式使用浏览器，由浏览器解释运行。
淘宝，京东等都是用html编写的，打开网页鼠标右键查看源网页就能看到。
开发工具： sublime text3.0 [səˈblaɪm] （官网下载链接：http://www.sublimetext.cn/3）安装一步下一步。
文件创建/打开：
a.先打开side Bar: View—Side Bar—Show Side Bar；[saɪd]
b.先创建一个英文名称的文件;
c.加载文件夹：Project—Add Folder to Project 选中文件夹，方便文件子文件。
d.新建文件（鼠标移动到文件名称上），填写文件名称：abc.html 直接保存就存到了文件夹中。删除名称，就可以写文件了。
打开方式：
a.使用浏览器；
b.右击文件，open with sublime text
1.2 文档的基本格式
目前流行的：xhtml 1.0 和 html5（重点讲解）区别在于第一行文档声明和编码声明：html5比较精简。
HTML由标签组成，标签分为单标签和双标签，其实就是学习标签的用法。
单标签:<标签名 />
双标签:<标签名称> </标签名称>
文档的基本结构：同级、子集（空一格）
<!doctype html> <!--文档声明，文档类型-->
<html>
<head>
<meta charset = “utf-8”>
<title>你好</title>
</head>
<body> <!—网页所有内容都放在这里 -->
<h1>标题</h1>
</body>
</html>1.3 HTML标签
1.3.1 h标题标签
标签规范：
放置标题名字
放置标题名字
1.3.2 p段落标签
放置一段文字
“吹面不寒杨柳风”，不错的，像母亲的手抚摸着你，风里带着些新翻的泥土的气息，混着青草味儿，还有各种花的香，都在微微润湿的空气里酝酿。鸟儿将巢安在繁花嫩叶当中，高兴起来了，呼朋引伴的卖弄清脆的歌喉，唱出婉转的曲子，跟清风流水应和着。牛背上牧童的短笛，这时候也成天嘹亮的响着。雨是最寻常的，一下就是三两天。可别恼。看，像牛毛，像花针，像细丝，密密地斜织着，人家屋顶上全笼着一层薄烟。树叶却绿得发亮，小草也青得逼你的眼。傍晚时候，上灯了，一点点黄晕的光，烘托出一片安静而和平的夜。在乡下，小路上，石桥边，有撑着伞慢慢走着的人，地里还有工作的农民，披着蓑戴着笠。他们的房屋稀稀疏疏的，在雨里静默着。 空格的表示： >大于号的表示：> <小于号的表示：< 换行的表示：
1.3.3 div块标签
一块内容：图片、文字、嵌套嵌套
放置一段文字
1.3.4 span行内元素标签
某行 当需要给文档定义样式的时候，需要进行一些标签样式的定义 a.强调语气：< em > b.专业词汇：
d.非常重要的内容 1.3.5 图片标签 规范：将所有的图片都放到images文件中。 单标签规范： 添加属性1：src 添加属性2：alt 每一个标签都有一个id属性，id属性是标签的唯一标识
相对路径 兼容性好
./ 指的是当前目录可省略
…/表示上级目录
…/ …/表示上级目录的上级目录。
绝对路径（根路径）
C:\Users\Administrator\Desktop\html01\images\abc.png
1.3.6 a链接标签
文字做链接：百度 图片做链接：
1.3.7 列表标签
有序列表
- 内容1
- 内容2
- 内容3
无序列表
- 内容1
- 内容2
- 内容3
定义列表
内容1的说明
内容1
内容1的说明
内容1
内容1的说明
1.4 HTML表格 1.4.1 列表标签 也用于当做布局来使用 表格 每1行 每1个格子
的属性： border = “1”表示边界宽度 width = “200”表示宽度 height = “400”表示高度 align = “left” 表示对其方式 的属性： align = “left” 表示水平对其方式 [ə'laɪn] valign = “top” 表示垂直对其方式 colspan = “3” 表示有3个合并的格子—横向合并 rowspan = “4” 表示 有4个合并的格子—纵向合并 width = “200”表示宽度，或者给百分比也是一样的20% height = “400”表示高度
图片: https://uploader.shimo.im/f/yz7VO3TXtAYOsRJz.png!thumbnail?accessToken=eyJhbGciOiJIUzI1NiIsImtpZCI6ImRlZmF1bHQiLCJ0eXAiOiJKV1QifQ.eyJhdWQiOiJhY2Nlc3NfcmVzb3VyY2UiLCJleHAiOjE2NDUwMDEzODEsImciOiJXcnZxaGMzWTlocFJwdFRjIiwiaWF0IjoxNjQ1MDAxMDgxLCJ1c2VySWQiOjIyNTcyMjc0fQ.ccSPalF25Q4lLLZbXY1N0SRs9bjV6Hv6MsD5RDv5nAU
1.5 HTML表单
用户名
密码
性别
水果
照片
简介
<textarea/>
