这是我参与「第五届青训营 」笔记创作活动的第1天。
课程重点
1.什么是前端
通过使用Web技术栈跨终端（类似于PC/移动浏览器、客户端/小程序、VR/AR）来解决GUI人机交互问题。
2.前端技术栈的拆解与分析
前端主要为HTML（内容）、CSS（样式）、JavaScript（行为）。
服务器端与前端通过网络协议构成了我们现在算看到的网页，而这总和即是前端技术栈。
前端应该注意：美观、功能、性能、安全、无障碍、兼容
浏览器：Chrome、IE\Edge、Firefox、Safari
编辑器：webstrom、DW、HBuilder、VSCode、Vim
3.HTML作用解析
HTML（HyperText超文本 Markup标签 Language语言)
超文本相较于一般文本内容更加丰富，例如媒体资源、链接、画布、动画、特效。
HTML语法
- 标签和属性不区分大小写，推荐小写；
- 空标签可以不用闭合，比如input、meta；
- 属性值推荐用双引号包括；
- 某些属性值可以省略，比如require、readonly.
标题标签
列表标签
- 有序列表：使用
<ol></ol>表示列表，里面嵌套<li></li>表示条目。 - 无序列表：使用
<ul></ul> - 自定义列表：
<dl></dl>定义列表，<dt></dt>表示项目，<dd></dd>表示项目中的条目。
链接标签<a></a>，例如<a href="目标网址" target="_blank"></a>其中target为打开页面的方式，在这里是新窗口打开。
图片标签<img />
常用属性有
- src:图片的地址
- title:图标悬停在上面会显示图片的标题内容
- alt:图片的替换文本，图片路径发生错误时显示该属性
- width:图片的宽
- height:图片的高
音频标签<audio></audio>常用属性有
- src:音频的途径
- controls:浏览器会提供给用户声音、播放进度、播放暂停的控制面板
视频标签<video></video>常用属性有
- src:视频的途径
- controls:浏览器会提供给用户声音、播放进度、播放暂停的控制面板
输入
4.HTML语义化
