一、HTML 历史
1990 年左右诞生
- 1990 年左右由 Tim Berners-Lee(李爵士) 发明
- 2004年，被英国女皇颁发大英帝国爵级司令勋章
- 2017年，被颁发图灵奖
李爵士做了哪些事情？
- 自己写了第一个浏览器
- 自己写了第一个服务器
- 用自己写的浏览器访问了自己写的服务器
- 发明了 WWW，同时发明了 HTML、HTTP 和 URL
WWW(World Wide web) = URL + HTTP + HTML
这项发明带来了什么？
- 让每个人输入网址就能看到网页
二、HTML 起手应该写什么
用 VSCode 新建一个 html 文件，输入 ! 后按 Tab 键，会生成如下代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
- DOCTYPE：文档类型
- lang：用来标记页面语言
- charset：字符编码集
- viewport：用来约束视口缩放
- title：网页标题
三、常用的表章节的标签
- h1~h6：一级标题~二级标题
- section：章节
- article：文章
- p：段落
- header：头部
- footer：尾部
- main：主要内容
- aside：旁支内容
- div：划分
四、标签的全局属性有哪些
全局属性：所有标签都有的属性
- class：类名
- contenteditable：标记标签可编辑
- hidden：隐藏标签
- id：标签的唯一标识（不准，可以有同名ID）
- style：内联样式
- tabindex：控制点击 Tab 键时页面标签选中顺序
- title：鼠标悬停在文本上时展示的内容
五、常用的内容标签有哪些
- ol + li：有序列表 (order list + list item)
- ul + li：无序列表 (unordered list + list item)
- dl + dt + dd：描述列表 (description list + term + data)
- pre：能够显示空格和回车 (preview的缩写)
- hr：分割线
- br：换行 (break的缩写)
- a：跳转标签 (anchor的缩写)
- em：语气强调 (emphasis的缩写)
- strong：内容强调
- code：显示代码
- q：表示引用 (quote的缩写)
- blockquote：表示引用 (块元素)
