这是我参与「第四届青训营 」笔记创作活动的的第1天
HTML标签介绍
标题标签
列表标签
列表里面如果嵌套列表的话，会视为它的下一级
输入标签
input的type属性会决定input是哪个标签， placeholder属性是提示文字， textarea是长文本输入标签，可以拖拽宽高
| type类型 | 描述 |
|---|---|
| range | 滑动块 |
| number | 数字格式，只能输入数字 |
| date | 日期格式 |
| checkbox | 复选框 |
| radio | 单选框 |
如果给input指定list属性，鼠标移入输入框的时候会出现一个下拉框， list属性值是对应datalist的id datalist里面每一个option都是下拉框的一个选项
单选框通过name进行分组，每个组内只能选中一个元素
文本标签
| 标签 | 描述 |
|---|---|
| em | 呈现为被强调的文本。 |
| strong | 定义重要的文本。 |
| blockquote | 长引用。 |
| code | 代码文本。 |
| q | 短引用。 |
| cite | 多用于作品的引用。 |
更多文本标签请参考菜鸟教程
多媒体标签
图片标签
<img src="图片地址" alt="鼠标移入图片的提示信息">
视频标签
<video src="视频地址"></video>
音乐标签
<audio src="音乐地址"></audio>
以上标签的地址都可以使用本地地址和网络地址
一般的页面布局
总结
语义化标签方便开发与维护，遵循规范很重要，html传达的是内容，而不是样式。
要想熟练掌握语义化标签，先去多了解了解每个标签的含义，什么标签适合描述什么内容。
还有今天上的课当中，拓展了很多知识
前端要关注的点有功能，美观，无障碍，安全，性能，兼容性等等
前端发展至今，衍生出了很多技术，不仅仅是做网页，还有其他的技术
哔哩哔哩最新出的客户端就是用electron写的
而前端最基础的部分html+css+js只需要一个游览器+编辑器就可以进行开发
