发明者
提姆·柏纳-李（Tim Berners-Lee）一位英国计算机科学家，他的发明叫全球资讯网（World Wid Web）
HTML如何起手
进入一个编辑器保存一个文件后缀为html结尾的文件， 开始编辑输入!然后按TAB， 编辑器会自动补全， 如果要开发国内的网页推荐把html标签的lang属性改为zh-CN或者zh-Hans都可以。
注意
- 这里必须是 UTF-8
- 移动端meta
<meta name="viewport" content="width=device-width, initial-scale=1"> - 让IE浏览器用最新的内核来渲染页面
<meta http-equiv="X-UA-Compatible" content="ie=edge">
常用标签
标签主要分两类，用来布局的表示一块一块的是章节标签。 另一类是用来表示内容的内容标签
章节标签
- section：表示一个包含在HTML文档中的独立部分，它没有更具体的语义元素来表示，一般会包含标题
- article：表示网站的独立结构可以再次嵌套article，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件
常见属性
所有的标签都是有属性的。
- class：类属性
- id: id属性，不能保证唯一性（因为不会报错）， id可以在js中直接用id名获取到对应的节点（parent，top等window属性除外）
- title：当文字显示不全的时候可以在title中书写所有的文字， hover的时候可以看到
- hidden：添加了这个属性，元素会不可见，不同于css的display
- contenteditable：当属性值为true的时候元素可以编辑
- tabindex：页面中按tab键后的跳转元素的优先级， 0是最后访问，-1不可被访问
- style：行内样式
css reset
在没有CSS的年代浏览器为了让页面更好看，自带了需要默认样式，现在已经不符合我们的需求了所以我们需要重置。
如何看哪些是浏览器的默认样式呢，打开开发者工具点击要查看的元素找到style找到user agent stylesheet就是了
我的css reset
/**我的css reset**/
*{margin: 0; padding: 0; box-sizing: border-box;}
*::after,*::before{box-sizing: border-box;}
.clearfix::after{
content: '';
display: block;
clear: both;
}
.clearfix{
zoom: 1;
}
a{text-decoration: none;}
img{
max-width: 100%;
}
