前端
前端就是利用web技术栈解决多端GUI人机交互问题。
前端最基础的技术栈由HTML（内容）、css（样式）、JavaScript（行为）与网络协议和服务器端构成。
前端应该关注哪些方面：功能、美观、无障碍、安全、性能、兼容性等。
开发环境：浏览器（如ie、谷歌、火狐等）、编辑器（vscode）
HTML
什么是HTML：全称为HyperText Markup Language，是一种超文本标记语言。
浏览器拿到HTML后会将HTML代码解析成一个DOM树。
HTML语法：1.标签和属性不区分大小写，推荐小写 2.空标签可以不闭合，如input、meta 3.属性值推荐用双引号包裹 4.某些属性值可以省略，如required、readonly
标题h1~h6：代表一到六级标签，从一级到六级字体逐渐变小，是内置的浏览器样式进行的排版。
有序列表：用ol表示，里面的小项用li表示。 无序列表：用ul表示。
定义列表：用dl表示，dt表示定义列表中的标题，dd为列表中具体的值。
链接：用a标签表示，href是其最重要的属性，可以将需要跳转的网页写在href属性。
图片\音视频：分别用img、audio、video标签表示，当图片不被加载可以用alt进行下级替代。
输入：最简单的用input标签，可以通过给type属性设置不同值来改变输入框的类型。
块级引用：blockquote标签也叫长引用 短引用：cite标签、q标签是具体引用的内容。
Code、pre标签：用来引用代码，与正常引用的字体有所区别。
P标签：可以掺杂strong标签、em标签来改变字体样式。
内容划分：一般首部为页头，其中包含导航等，主体放在main标签，aside表示于标题相关，在main的侧边，底部为footer。
语义化的定义：HTML中的元素、属性及属性值都拥有某些含义，开发者应该遵循语义来编写HTML，如有序列表用ol、无序列表用ul，lang属性表示内容所使用的语言。
谁在使用我们写的HTML：开发者-修改、维护页面；浏览器-展示页面；搜索引擎-提取关键词、排序；屏幕阅读器-给盲人读页面内容。
语义化的好处：代码可读性、可维护性、搜索引擎优化、提升无障碍性。
如何做到语义化：了解每个标签和属性的含义、思考什么标签最适合描述这个内容、不使用可视化工具生成代码。
个人心得：
这次课程对前端进行了概括的介绍，并详细的介绍了HTML语言的定义、语法、各类标签和语义化相关内容。通过这堂课，我对前端有了一个大体的了解，并且伴随着老师耐心的介绍HTML中的主要标签的运用，也对HTML语言加深了掌握，并认识了语义化的重要性和如何做到语义化。
