这是我参与「第五届青训营 」笔记创作活动的第1天。活动详情：# 伴学笔记创作活动来袭 ｜ 第五届字节跳动青训营
今天是青训营开课的第一天。今天的课程解答了“前端的基本定义”及“什么是 HTML”两个基本问题，层层解析前端技术栈的构成，重点讲述了作为前端最为基础的技术 - HTML 基础语法和基本功能。
本节课的四个要点：
1.前端工作的定义
2.前端技术栈拆解与分析
3.HTML 作用解析
4.HTML 语义化（重点）
1）什么是HTML？
HyperText Markup Language（超文本标记语言）。
下面举例了一段简单的HTML代码，观察注释了解其每一句的含义。
<!doctype html> //标记当前使用的HTML是什么版本，便于浏览器进行识别和渲染
<html>//根标签，所有HTML标签都应放置在此标签中
<head>//放置页面的源数据，比如编码方式、页面标题
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>//放置需要展示给用户的内容
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
在书写HTML语句时，需要注意的事项：
- 标签和属性建议使用小写
- 空标签本身不会再放置其他元素，因此可以不闭合，例如input、meta
- 为标签添加属性值时使用双引号添加
今天学习到的HTML标签
标题标签：六个级别的标题 <h1>~<h6>
列表标签（三类）：
- 有序列表
<ol> - 无序列表
<ul> - 定义列表
<dl>定义信息<dt>具体描述<dd>
链接标签：<a>:
属性：超链接的引用地址 href="(url)"
图片标签：<img>
属性：
- src="(图片的地址，可采用绝对路径或相对路径)"
- alt="(提示信息，当图片无法加载时展示此信息描述图片内容)"
- width/heigth：为图片设置宽高
音频、视频标签：
<audio>``<video>
属性：
- src="(视频或音频的地址)"
- controls：显示浏览器自带的播放控件
表单标签：HTML中提供了一些控件供用户进行输入或选择。
<input>
属性：
- placeholder="(提供一个占位符，当用户未进行输入的时候在输入区展示提示信息)"
- list：在输入时进行提示，便于用户进行快捷输入，本身不会改变用户输入的信息。
- type：规定输入的数据类型。
-
- type="range":在一定范围内滑动;
-
- type="number";输入数字，可设置最大、最小值;
-
- type="date":输入日期，格式为"yyyy-mm-dd";
-
-
- type="checkbox":提供多个选项供用户进行勾选;
-
- type="radio":提供多个选项供用户进行勾选，可为其设置name的值。相同name的一组数据中只能选中一项。
<textarea>
提供一个输入框。在用户输入较长的文字时使用，可调整大小。
<select>
下拉选择标签。将其中的选项写在<option>标签中。
