1. HTML历史
- Tim Berners-Lee,我称为李爵士
- 发明了WWW(万维网),同时发明了THML、HTTP、URL
- 2004年,英女皇给他颁发大英帝国爵级司令勋章
- 2017年,被颁发图灵奖
2. HTML起手式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
起手式主要标签
<!DOCTYPE html> 文本类型
<html lang="en"> 语言种类,可改为“zh-CN”简体中文
<meta charset="UTF-8">字符编码
<title> </title>标题
<head> </head>头部
<body></body>身体
3. 章节标签
- 标签
h1 - h6
- 章节
section
- 文章
article
- 段落
p
- 头部
header
- 脚部
footer
- 主要内容
main
- 旁支内容(非主要内容)
aside
- 划分区域
div
4. 全局属性
class类名,可以创建多个
id与class作用相同,可以用JS调用,不是唯一的,尽量用class
contenteditable 使元素变成可编辑
hidden隐藏,看不见
style样式
tabindexTab键切换,“1”为第一位,“0”为最后一位,“-1”不要选中我
title提示额外信息
5. 内容标签
-
ol + li有序列表
-
ul + li无序列表
-
dl + dt + dd描述型列表
在HTML中多处空格、回车、tab 等内容,默认会被转化为一个空格
-
pre保留空格
-
code等宽字体
-
hr分隔符号
-
br换行
-
a超链接
-
em表示语气上的强调,默认样式斜体
-
strong表示内容本身的重要性,默认样式加粗
-
quote引用
-
blockquote引用