1.1 HTML发明者
html是由Tim Berners-Lee发明的
1.2 HTML起手怎么写
<!DOCTYPE html>
<html lang="zh-CN">
<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>
1.3 常用的章节标签
| 标签 | 用途 |
|---|
| h1~h6 | 标题 |
| section | 章节 |
| article | 文章 |
| p | 段落 |
| header | 头部 |
| footer | 尾部 |
| main | 主要内容 |
| aside | 旁白 |
| div | 分区 |
1.4 常用的全局属性
| 属性名 | 作用 | 备注 |
|---|
| class | 类 | |
| id | 全局唯一id | 减少使用,避免出现同名id |
| style | 添加行内样式 | |
| contenteditable | 可编辑 | 该标签中的内容可在页面编辑 |
| hidden | 隐藏标签 | |
| tabindex | 可用tab选中 | 值有以下几种情况: -1 表示不会被tab选中 0 表示最后被选中 大于0的整数 从小到大依次被选中 可以不连续 |
| title | 鼠标上浮到该元素,会显示title中的内容 | |
1.5 常见的内容标签
| 标签 | 用途 |
|---|
| ol>li | 有序列表 |
| ul>li | 无序列表 |
| dl>dt>dd(description list /description title/description data) | 描述列表 |
| pre | 可以识别多个连续的空格、换行、tab等操作,原本html都不会识别 |
| code | 标记为代码 |
| hr | 水平线 |
| br | 换行 |
| a | 链接 |
| em | 斜体,语气上有加强 |
| strong | 加粗 |
| quote | 引用 |
| blockquote | 引用块,会单独起一行 |