这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
1.什么是前端
用一句话概括即为：前端工程师通过web技术栈解决多端图形用户界面交互问题
我们常说的前端三件套包括JavaScript，CSS，HTML，他们与服务器端构成了最基础的前端技术栈。HTML负责页面结构以及内容；CSS用来设计页面的样式，例如位置、颜色、大小这类信息；JavaScript来定义网页的行为，例如用户点了一下按钮等一系列操作。
在做网页的时候，我们需要考虑各种因素，包括功能，美观，安全，兼容，性能，无障碍等。
2.HTML
2.1什么是HTML
HTML 指的是超文本标记语言: HyperText Markup Language,是用来描述网页的一种语言,也是一种在 Web 上使用的通用标记语言，允许开发者格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
HTML传达的是内容而不是样式。
因为img里面无嵌套，所以可以省略结束标签，直接加/
2.2分析完整结构
第1行：doctype标记当前所用html的版本，决定浏览器的渲染方式；
2和11行：文档根标签，其他内容写在其中间；
3和6行：中间写页面需要，但不需要直接呈现给用户的信息；
第4行：页面用了什么样的编码；
6和10行：中间呈现需要让用户看到的内容。
h元素定义一个大标题
p元素定义一个段落
2.3DOM树
每一个节点则为一个DOM节点
2.4HTML语法
2.4.1
2.4.2 具体语法
ol：order list，有序列表，默认前面自带数字；
ul：unorder list，无序列表；
dl：definition list，定义列表；
dt：definition title；
dd：definition description；
链接
target="_blank":新打开一个页面
src加图片地址，alt：网页打不开则显示Metal movable type
src加视音频的URL，controls：显示浏览器默认的播放控件
input输入；
placeholder：用户不输入内容的时候显示""中内容；
textarea:输入多行数据
上可多选，下name相同的只能选一个
select：下拉选择；
list：给用户提示
blockquote：长引用
cite：短引用，通常为作品名
q：短，通常为具体的内容
code：引用代码
pre code：引用长代码
strong：突出内容的重要和紧急
em：多为语气上的强调
