在HTML中，一般来说，只有6个标签能放在head标签内。 （1）title标签（2）meta标签（3）link标签（4）style标签（5）script标签（6）base标签 meta标签一般用于定义页面的特殊信息，例如页面关键字、页面描述等。提供给搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的。
静态网页
文本
标题标签
段落标签
换行标签，br标签是用来给文字换行的，而p标签是用来给文字分段的
文本标签
粗体标签：strong(常用）,b斜体标签：i,em（常用）,cite上标标签：sup下标标签：sub中划线标签：s(通常用css来实现，几乎不用s标签)下划线标签：u(通常用css来实现，几乎不用u标签)大字号标签：big(通常用css来实现，几乎不用big标签)小字号标签：small(通常用css来实现，几乎不用small标签)
水平线标签，hr标签
特殊符号,空格符
1.div标签最重要的用途是划分区域，然后结合CSS针对该区域进行样式控制
2.常见的自闭合标签：meta ,link ,br ,img ,hr ,input
3.块元素和行内元素：
块元素：独占一行，内部可以容纳其他块元素和行内元素，其中包括div，hr，ol，ul
行内元素：与其他行内元素位于同一行，只能容纳其他行内元素，其中包括span,a,em,strong
阶段小测试：
列表学习：
表格测试
图片
超链接
锚点链接，，内部链接，跳到当前页面的某一部分，a标签的href属性加上#
内部链接，指向自身网站的页面
外部链接，指向外部网站的页面
本章练习
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" ><title>JSON</title><style type="text/css">table,tr,td,th{border:1px solid silver;}</style></head><body><a href="" target="_blank"><img src="images/firefox-icon.png" alt="火狐的logo" title="点击火狐图片出现链接"/></a><br /><a href="">腾讯官网在这里</a></body></html>
音频和视频
动态页面
与服务器进行数据交互
表单
，其中注册登录、话费充值、发表评论等都是应用，文本框、按钮、下拉菜单等就是常见的表单
form标签
name属性，method属性，指表单数据使用哪一种http提交方法，通常使用postaction属性，数据提交到的地址target属性，窗口打开方式，同a标签的target属性enctype属性，表单数据提交的编码方式
input标签
自闭合标签单行文本框，text密码文本框，password单选框，radio复选框,checkbox按钮，button，submit, reset文件上传，file
textarea标签
多行文本框
select标签
下拉列表
option标签
表单测试
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><title>JSON</title></head><body><form method="POST">昵称：<input type="text" value="青峰塾"/><br>密码：<input type="password"/><br />邮箱：<input type="text" /><select><option></option><option selected></option><option></option><option></option></select><br /><p>个人简介：</p> <textarea rows="8" cols="50">introduce your self</textarea><br /><p>上传个人照片：</p><input type="file" /><br /><hr><label><input type="submit" value="立即注册"/> </label></form></body></html>
