这是我参与「第五届青训营 」笔记创作活动的第1天。

课堂笔记

Part 1:前端技术栈

前端三层技术：HTML（内容，页面的结构），CSS（样式　ｅｇ：位置、大小等），JavaScript（行为　ｅｇ：点到按钮后页面有什么反应）．这三层技术通过ｈｔｔｐ网络协议与服务端联系起来

ｐｓ：做前端要注意以下七个方面：功能，美观，无障碍，安全，性能，兼容性，体验

Part　2：HTML

语法：

1. HTML元素标签和属性不区分大小写，推荐小写
2. 空标签可以不闭合，比如 input、meta
3. 属性值推荐用双引号包裹
4. 某些属性值可以省略，比如 reguired、readonly

HTML相关注释

!DOCTYPE html ／／文档声明，按最新的解析；

html lang="en" ／／语言 zh-CN中文 ja-jp日文；

meta charset="UTF-8" ／／相当于密码本；

常用的HTML标签

p标签、h1~h6标签、div标签、ol/ul>li标签、input标签、img等．

**注意**:h1~h6对应不同大小的字体,其中h1标题是最大级别的，同时一个html文档只能有一个h1标签

超链接标签＜ａ＞: 可以给文字,图片,音乐,其他标签添加超链接功能,默认会有字体颜色以及添加下划线 href 属性可以是本地的资源,也可以是网络路径

相关笔记如图

实战

实战相关代码和效果由图片显示

效果展示

前端与HTML总结

由于之前学过HTML，所以本节课相当于复习，对于一些标签的使用以及作用进行了回顾，比如表单，列表。当然在本课前面技术栈的讲解是新的了解，在实战中理解了HTML语义化的含义及其在代码规范中的重要意义。最后进行反思要多加练习，对于标签的使用并没有很熟练的掌握。