这是我参与「第四届青训营 」笔记创作活动的的第1天，今天是《前端与HTML》
什么是前端
- 解决图形界面下（GUI)人机交互问题
- 跨终端
- PC/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈
- 总结：前端工程师是使用Web技术栈解决多端图形用户界面交互问题的工程师。
前端技术栈
- 三层：
- HTML负责页面结构和内容
- CSS设置样式
- javascript定义网页的行为，如用户点击一个按钮之后网页如何响应
- 浏览器通过HTTP协议与服务器进行通信。从服务器上拿到前端的代码渲染成页面，浏览器填写的内容通过HTTP协议提交到服务器端。
- 前端基础技术栈：html、css、js、网络协议
前端应该关注哪些方面
功能、美观、无障碍、性能、兼容性、安全，体验
用户主要通过前端体验，非常重要，发展非常快，技术不断更新。
HTML：HyperText Markup Language
超文本标记语言 标签：
文章标题
超文本：图片、标题、链接、表格标签：可以在标签设置属性
src属性名，p.png属性值，没有嵌套其他内容，可以/结束
例子
html语法
标签属性不区分大小写，推荐小写
空标签可以不闭合，比如input、meta
属性值推荐双引号包裹
某些属性值可以省略，比如required、readonly
标题h1-h6
列表
有序ol，无序ul，清单列表dl dt属性名dd属性值
一个dt可以对应多个dd，多个dd也可以对应一个dt，多对多
链接
多媒体
controls浏览器默认的展示空间
输入
输入type类型
