这是我参与「第五届青训营」伴学笔记创作活动的第1天。
一、什么是HTML
HyperText Markup Language
HyperText：超文本，包含图片、标题、链接、表格等。
Markup Language：标记语言，用开始标签和结束标签表示一段内容。
也可以在标签上设置一些属性：
二、HTML代码
!doctype html：标记了当前使用的HTML文件版本，浏览器会据此决定使用哪一种渲染模式。
html标签：文档的根标签，其他所有的标签都写在html标签中。
head标签：存放页面的原数据，即页面上需要的信息，但又不需要直接呈现给用户。
meta charset="UTF-8"：页面编码格式。
title标签：页面标题。
body标签：需要呈现给用户的内容。
浏览器会将HTML代码解析成DOM树：
DOM树：树形结构，包含文档的根节点，里面的每一个节点称为DOM节点。图中document中有html节点，html中有head、body，head中有meta、title，body中有h1、p。
三、HTML语法
- 标签和属性不区分大小写，推荐小写、
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如required、readonly
四、HTML标签
1. 标题h1~h6
2. 列表
① 有序列表ol
② 无序列表ul
③ 属性列表dl
3. 链接a
href属性：超链接，地址。
target="_blank"：点击链接后在新窗口打开。
4. 多媒体
① 图片img
src属性：图片地址。
alt属性：替代性文本。
② 音频audio
control属性：用浏览器默认播放控件。
③ 视频video
5. 输入
① 文本输入框input
placeholder属性：占位符，当用户没有输入时显示的内容。
type="range"：滑动块。
type="number" min="1" max="10"：输入数字，并且可以指定最小值和最大值。
type="date" min="2018-02-18"：输入日期，并且可以指定最小值。
② 多行文本框textarea
6. 选择
① 复选框
② 单选框
多个radio如果name相同，那么只能选其中的一个。
③ 下拉框
④ 提示框
7. 文本
① 块级引用blockquote
引用别人的一段话。
② 短引用cite
用短短几个字表示引用了别的作品名或章节。
③ 短引用q
引用讲过的内容。
④ 代码code
引用代码，长短都可以。
⑤ 粗体strong
⑥ 斜体em
