这是我参与「第五届青训营 」笔记创作活动的第1天，开始发课堂笔记~

一、本堂课重点内容：

1. 前端工作的定义
2. 前端技术栈
3. HTML 作用
4. HTML 语义化

二、详细知识点介绍：

前端概览

• 什么是前端（图形信息的传递者，通过代码手段实现信息的传递与呈现）
• 前端的技术栈（基础包括html内容,css样式,javascript行为)
• 前端的边界（开发服务器，客户端，3D游戏……）
• 前端的关注点（能解决问题，美观，使用者使用无障碍，数据安全，性能良好，兼容性）

HTML

• HTML 简介（超文本标记语言，能用来创建网页的语言，传递内容）
• 常用标签（标题h1-h6,列表ul.li,定义列表dl.dt.dd.,链接a,图片img,音频audio,视频video,输入日期时间选项input,输入长文本textarea，下拉选项select.option,长引用blockquote，短引用q,cite,代码code,加粗strong，斜体em，常见页面结构标签：
• HTML语义化（简单定义：开发者遵循标签的含义编写Html。如何做：了解并思考标签与内容的适配度，现阶段由于生成代码不好把控的原因最好不要用可视化工具生成代码）
• HTML语法

三、实践练习例子：

• 关于诸多标签的例子，可查阅MDN文档(developer.mozilla.org/en-US/docs/…) <ul><li>11<li/><ul/>

四、课后个人总结：

• 本章知识点较容易掌握，入门级难度。
• HTML语义化开始较难理解，在本节课上课老师没有明显给出定义，需要自己总结。
• 前端现阶段发展是通过各种普适性网络设备将信息传递给设备使用者。

五、引用参考：

• 本文参考前端入门-基础语言篇-前端与HTML课堂讲述内容，所有截图来自视频截图。