这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
一. 本堂课重点内容：
本节课主要讲述了HTML是什么及一些重要的语法介绍，课上给出了一些例子，比如列表、链接、输入、引用等代码案例展示。同时也讲述了语义化的含义、优势及如何做到语义化，深入理解其内涵。
二、详细知识点介绍：
1、基础案例
（1）标题h1~h6
使用方式：<h1>这里是h1标题</h1>
（2）列表
- 无序列表
ul-li - 有序列表
ol-li - 定义列表
dl-dt-dd（3）链接 <a>标签的href属性保存跳转的目标地址 （4）输入- input标签的type属性可以存储不同值
- type="range"，表示一段范围区间
- type="date",表示日期
- textarea标签表示文本域
2、语义化：
- 定义：HTML元素、属性及属性值都有某些特殊的含义，对于开发者来说，需要遵循语义编写HTML，这种叫做语义化。
- 好处：代码可读性强; 可维护性; 搜索引擎优化; 提升无障碍性
- 如何实现： 1、了解每个标签和属性的含义 2、思考什么标签更适合描述该内容 3、不使用可视化工具生成代码
三、实践练习例子：
- 理解列表
- 无序列表
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>梨</li>
</ul>
- 有序列表
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>梨</li>
</ol>
- 定义列表
<dl>
<dt>导演：</dt>
<dd>小明</dd>
<dt>主演：</dt>
<dd>小红</dd>
<dd>小王</dd>
</dl>
- 理解链接
<a href="https://www.bytedance.com/">字节跳动</a>
四、课后个人总结
本章input输入框对于不同的类型（type）有不同的呈现方式，我们可以根据自己的需要使用不同type的输入框进行展现。与此同时，为了更好的理解HTML的语义化，我们应该了解不同标签和属性的使用场景及含义，以便于更好的独立理解并使用这些标签及属性。
