[ 前端与 HTML | 青训营笔记]
这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天，今天主要学习了前端与HTML，作为一个新手小白，我觉得前端基础知识至关重要，首先我了解到了前端包括
1、HTML（内容）：页面结构、内容等等
2、CSS （样式）：颜色、大小等等
3、JavaScript（行为）：点击交互等等
这些通过网络协议HTP交付到服务器端
前端注意事项：美观、功能、无障碍、安全、性能、兼容性、体验
关于HTML（本堂课的重点内容）
语法
1、标签和属性不区分大小写，推荐小写
2、空标签可以不闭合，比如input、meta
3、属性值推荐用双引号包裹
4、某些属性值可以省略，如 required、readonly
标签
有序列表`<ol>
<li></li>
</ol>`
无序列表`<ul>
<li></li>
</ul>`
详情列表`<dl>
<dt>小标题</dt>
<dd>详情内容</dd>
</dl>` ` `
链接`<a href="网站"></a>
图片<img src=""></img>`
(可以加`alt="Metal movable type"` 图片加载不出来时的注释）
音频`<audio src=""
controls（默认浏览器播放></audio>`
视频`<video>`
输入信息：
<input placeholder="请输入用户名">
<input type="range"> (范围条)
<input type="number" min="" max="">
<input type="date" min="2018-02-10">
<textarea>HEY </textarea> (输入多行文字)
都可以选择：<label><input type="checkbox"/>图标</label>
单选：<label><input type="radio" name=""/> 图标</label> (在name相同的里面选择)
下拉选择：<select>
<option>内容 </option>
</select>
输入提示：<input list="countries"/>
<datalist id="countries">
<option> 提示内容 </option>
</datalist>
文本标签：引用标签：<blockquote cite="">
<p></p>
</blockquote>
<cite>引用短标题 <q>表示引用内容
代码标签:<code>
强调标签:<strong>文字上的强调 <em>语气上的强调
内容划分 header（导航栏nav)
main（内容article）
aside
footer（出版权、备案信息)
课后个人总结
在学习中我觉得英语还是一个很大的问题，会导致我有很多代码标签记不住，还是需要多去实践。今天是第一天的学习，收获满满，希望接下来的学习里能收获更多
还有些容易混淆的知识：
1、无序列表和有序列表的代码区分
2、<strong>文字上的强调 <em>语气上的强调
3、图片<img src=""></img>` (可以加`alt="Metal movable type"）` 在图片加载不出来时的注释）
在课后我也去参考了一些文章
