前端HTML
一、web前端标准
1、HTML结构标准
2、css样式标准
3、js行为标准
二、五大浏览器厂商
1、ie浏览器
2、谷歌浏览器
3、火狐浏览器
4、苹果浏览器
5、欧朋浏览器
其他浏览器都是利用别人的浏览器技术，只是换了套皮肤
三、HTML的定义
超文本标记语言
四、第一个HTML页面
1、<!DOCTYPE htm1> 描述当前文件版本信息 如果没有详细说明是4.0还是x1.0那就是5版本
2、<html> html文件
3、<head> 网页的头部
4、<meta charset ="UTF-8">UTF-8是国际编码的意思，如果不写或者写成其他都有问题
5、<title>网页标题</title>
6、<body>我们自己写的所有代码都在这里</body>
注意：HTML不能识别回车和空格，只能识别特定代码；标签、标记、节点、元素都是尖括号（<>）
五、标签语义化
在合适的地方使用合适的标签
为什么要标签语义化？
因为浏览器只认识标签 没有语音语调 所以想表达的东西只能使用对应的标签来表示
标签语义化的好处：语义化做得好 可以让搜索引擎把你的网站排名更靠前
六、h和p标签
H有6个1到6依次变小，代表文章标题
P代表文章标题
七、bui和小伙伴
B代表加粗
Strong也代表加粗 多了强调的语气
U代表下划线
I代表倾斜
Em也代表倾斜 多了强调语义
S代表删除线
Del也代表删除线 建议用Del代替S
注意：Strong代表特别强调，一篇文章中不要出现多次，Em代表一般强调，一篇文章中可以出现多次
<br />单标签 代表一个换行回车
八、img标签
img是一个单标签
<img src="图片名字" width="宽度" height="高度" alt="1、图片未加载的文字 2、网页阅读器可以读取这里的文字" title="鼠标悬停后的提示文字">
注意：属性名=”属性值“ 属性名=”属性值“
空格不能丢 而且符号都要使用英文状态下的符号 属性设置不分先后
宽高设置其中一个 其他等比例缩放
九、路径
相对和绝对路径
十、链接
<a href"地址">文字</a>
注意：如果要跳到线上地址 必须加http:// 本地文件直接写路径
空链接写法：1、### 2、javascript:; 3、javascript:void(0);这三种都可以
锚点链接：点击之后可以跳转到对应的位置：给想跳的位置加id属性，a标签中的href属性写#再加id的值
十一、表单
所有用户输入的内容都要在form中
action代表后台处理程序
method代表传输数据的方法 1、post加密 2、get不加密
<intup type=""/> input代表输入框标签（单标签） type类决定输入框的类型
name属性代表输入框的名字 id代表输入框的id编号 value代表默认输入框（不符合用户体验） placeholder（ie低版本不兼容 实际工作中还要使用 因为渐进增强和优雅降级 1、渐进增强：随着浏览器提升效果越来越好 在高版本浏览器显示效果好的情况下 保证低版本浏览器显示效果不错乱）
1、type=“text” 代表普通输入框
2、type=“password”代表密码输入框
