HTML基础
一、web前端标准
- html结构标准。
- css样式标准。
- js行为标准。
二、五大浏览器厂商
- IE
- 谷歌（Google ）
- 火狐（Firefox）
- 苹果（Safari）
- 欧朋（Opera）
- 注意：其他浏览器都是用的别人浏览器的技术，自己换了一套皮肤而已。
三、HTML定义
- 超文本标记语言
四、第一个html页面
- <!DOCTYPE html> 描述当前文件的版本信息，如果没有详细说明4.0还是x1.0，那就是5版本
- <html></html> 文件
- <head>网页的头部
- <meta charest="UTF-8"></meta> utf-8是国际编码的意思，如果不写，或者写成其他都会出现问题。
- 注意：html文档不能正确识别回车和换行，只能使用特定代码来实现；标签、标记、节点、元素都是尖括号。
五、标签语义化
- 在合适的地方放合适的标签。
- 为什么要标签语义化：因为浏览器只认识标签，没有语音语调，所以想表达的东西只能使用对应的标签来表示。
- 标签语义化的好处：语义化做的好，可以让搜索引擎把你的网站排名更靠前。
六、h和p标签
- h有六个，1到6依次变小，代表文章标题
- p代表文章
七、b、u、i及其他标签
- 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（不加密）；
- <input type="" /> input 代表输入框标签（单标签），type 类型决定这个输入框的类型，name 属性代表这个输入框的名字；
- id 打包输入框的id编号
- value 代表默认输入框（不符合用户体验，应该换成placeholder）
- 注意：placeholder 属性 ie 低版本不兼容，但是我们实际工作中还要使用，因为渐进增强（随着浏览器版本的提高，效果越来越好）、优雅降级（在高版本浏览器显示效果好的前提下，保证了低版本浏览器不错乱）
- type="text" 代表普通输入框
- type="password" 代表密码输入框
查看5道真题和解析