这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
本节课讲述的重点内容是HTML的基本语法，以及设计时要遵循的原则和注意的内容。
下面是讲述的知识点：
前端工程师是通过Web技术栈（css,js,html,http）解决人机交互问题。 涉及到的技术： HTML（内容），CSS（样式）， JavaScript(行为) ，通过http（网络协议）与服务器端进行交互。
前端关注的问题：美观，功能（最核心），无障碍，安全，性能，兼容性（在各种各样设备中使用），体验。 前端用的工具：nodejs开发服务器端，electron /react native开发服务器端，WebRTC ptop进行在线传输多人会议，WebGL 开发流畅的3D游戏，WebASSEMBLY把C++等编译语言编译成可以在浏览器中运行的语言。
HTML基本语法
1.标签和属性不区分大小写，推荐小写
2.空标签可以不闭合，比如input、 meta
3.属性值推荐用双引号包裹
4.某些属性值可以省略，比如required、 readonly
下面是具体语法的介绍
1.标题：h1-h6 1-6级标题不同标题大小不同
2.列表： 列表分为有序列表和无序列表，还有一种属性名加属性的形式，以下是三种形式：
3.链接
链接分为两种形式，一种可以替换页面原来的链接，一种是打开新窗口，如下图所示：
4.图片
引用图片格式如下图所示：
5.Audio 引用audio格式如下：
6.Video
引用video格式如下：
7.输入
以下是输入相关的知识：
5.内容划分
从上到下分别为header，main和aside（并列），footer
header是页头，放一些头部信息包括logo 导航（用nav）啥的
main是主体部分，一般只有一个，一般包括主要内容 article放文章正文
aside表示与主要内容相关但是不在其中的内容
footer放在页面尾部，一般放参考链接以及版权的一些信息
6.语义化
对于HTML来说：
开发者-修改、维护页面
浏览器-展示页面
搜索引擎-提取关键词、排序
屏幕阅读器-给盲人读页面内容
我们要按照规范去写HTML，让它去服务很多的人
HTML的优点：代码可读性，可维护性，搜索引擎优化，提升无障碍性
！注意：HTML传达的是内容而不是样式
如何做到语义化
1.了解每个标签和属性的含义
2.思考什么标签最适合描述这个内容
3.不使用可视化工具生成代码
总结： 通过对HTML的学习，我掌握了一些基本的HTML的内容，其中重点难点在于各种语法的学习和掌握，同时也要注意在设计时要遵循相应的规则，做好语义化。
