这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
前端简介
图形界面下的人机交互，可跨终端，web技术栈（html：内容，css：样式，js：行为，http…）。
关注点：美观，功能，性能，安全，兼容性，用户体验。
标签
标签：用于放置网页内容，有单标签或者成对的标签。如<div></div>，<img />等
属性与属性值：标签内，等号连接，如：src="路径"
HTML文档格式
<!DOCTYPE HTML>
<HTML>
<head> <!-- 头部标签，一般用来描述文档的各种属性和信息 -->
<meta charset="UTF-8"> <!-- 字符集信息 -->
<title>标题</title> <!-- 设置浏览器上显示的标题 -->
</head>
<body><!-- 网页的内容 -->
</body>
</HTML>
DOM树
常用标签
有关列表的标签：
<ol></ol>：有序列表
<ul></ul>：无序列表
<li></li>：有序列表和无序列表的列表项
<dl></dl>：自定义列表
<dt></dt>：自定义列表的标题
<dd></dd>：自定义列表的属性
超链接：
<a href = "跳转地址"></a>
多媒体标签：
<img src = "地址" alt = "图片不显示时展示的信息"></img>
<audio src = "地址"></audio>
<video src = "地址"></video>
表单控件
<input type = "" placeholder = "提示文本"></input>
type属性值：
文本框（type = text)
按钮（type = button)
单选（type = radio，互斥关系使用name限制）
复选（type = checkbox)
下拉列表（type = select，选项写在option内)
文本域（type = textarea，或者直接使用textarea标签)
范围（type = range）
数字（type = number，可以限制数字范围）
日期（type = date）
文本类标签：
<blockquote></blockquote>：长引用
<cite></cite>：短引用，一般是引用人名，著作等
<q></q>：短引用，一般是引用之前讲过的内容
<code></code>：代码，多行代码外面多包一个pre标签
<strong></strong>：强调，强调内容
<em></em>：强调，强调一句话里面重读的词
内容划分部分标签：
HTML编写之语义化：
HTML语义化就是可以不了解HTML的内容，但是能理解这个部分所代表的的意义。
HTML语义化要求我们在使用HTML标签构建页面时，避免大篇幅的使用无语义的标签。
语义化的好处：提高代码可读性，提升无障碍性，方便维护，搜索引擎优化。
课程感想
因为之前就已经学习过HTML，所以本次课程主要是帮助我重新过了一遍之前学的HTML部分内容，并且了解了一些之前并没有怎么使用过的标签，比如三个引用标签以及他们之间的区别，算是对之前知识的复习与补充。课程后面强调了标签语义化的意义所在，在我们写代码的过程中，需要时刻注意标签语义化，提高代码的可读性，方便他人与自己更容易理解HTML文档的内容。
