HTML入门笔记11.HTML历史 1989年，英国科学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明了万维网

1.HTML历史

1989年，英国科学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明了万维网（World Wide Web），并在此后三年半的时间里陆续发明了三项关键技术：统一资源标志符（URI）；超文本标记语言（HTML）；超文本传输协议（HTTP）。

其中HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。

<!DOCTYPE html>就是文档类型，这句话就是告诉浏览器：我是HTML, 请按照解析HTML的方式解析我
<html lang="en">是html标签，可改中文zh-cn
<head>标签内是看不见的元素
<meta charset="UTF-8" />字符编码
<meta name="viewport" content="width=device-width, initial-scale=1.0" />防止页面缩放，用于兼容手机。
<meta http-equiv="X-UA-Compatible" content="ie=edge" />可要求Ie升级到最新内核
<title>Document</title>写标题

即所有标签都有的属性

class 给标签分类，标记。可加多个但必须放一起。如<div class = "middle bordered">
contenteditable 让用户可以直接编辑内容
hidden 隐藏标签
id id="xxx" 简写为#xxx。加上id以后可以调css用js.但不提倡新人用这种写法，因为这种写法对id的命名有限制，window里有很多已经定义好的全局属性，不能与属性同名。比如用parent, top, self等命名id就不行，不会报错。所以不到万不得已不要用id，用class。
style 设置内联样式。html的属性，不是css的样式，还可通过js设置，js会覆盖html的style。js>html>css。
tabindex 控制Tab键的顺序（应用场景：键盘代替鼠标的时候）如tabindex=1/2/3，表示按顺序访问。注意两个特殊数字：0，表示最后一个访问；-1，表示别访问。
title 应用场景：文字超长变省略号，在title="填写完整内容"（使鼠标浮上去）显示完整的内容
拓展关于单行文字溢出怎么写：white-space: nowrap （不要换行）；text-overflow: ellipsis （溢出的部分用省略号）；overflow: hidden（溢出的部分隐藏）;

为什么有默认样式：因为HTML被发明的时候CSS还没有出生
怎么查看默认样式：Chrome开发者工具，element->style->user agent stylesheet（浏览器默认自带样式，不符合CSS规范，CSS可覆盖）
CSS reset：清除默认样式，然后重写业务样式方方老师常用reset

也可借鉴大厂源代码：进入大厂首页-开发者工具内找h1h2h3h4…，连击3下复制到notepad，table之后内容删除

注意：浏览器默认table很丑（单元格是分开的）所以要加border collapse合并格子，不要有空格（ie指令border-spacing）

复制大厂代码的时候ctrl+shift+l 一坨代码变一行行的代码

dl+“+”+tab可生成一组dl+dt+dd