这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
前端与HTML【青训营笔记】
什么是前端工程师？
前端工程师就是使用web基础站解决多端图形用户交互问题的工程师
前端技术栈：HTML(内容）CSS（样式）JavaScript（行为）
前端应该关注的方面：功能、美观、无障碍、安全、性能、兼容性、体验
什么是HTML?
HyperText Markup Language
写代码时应该知道的基础知识
第一行的<！doctype html>标记了当前在使用的这个html文件是什么样的html版本，最终浏览器会根据他来决定使用哪一种渲染模式。
html是文档的根标签，所有其他标签都是写在html标签里的。
HTML语法：
1.标签和属性不区分大小写，推荐小写。
2.空标签可以不闭合，比如 input,meta
3.属性值推荐用双引号包裹
4.某些属性值可以省略，比如required,readonly
标题h1～h6
列表
有序列表ol
无序列表ul
定义列表dl
描述列表里的标题dt
具体的值dd
一个dt可以对应多个dd
一个dd可以对应多个dt （多对多的关系）
链接：a
a最重要的属性：href(超链接的地址)
target属性是建立新标签
插入多媒体
（图片）：img
替代性文本alt：当图片由于某些原因加载失败或不能加载的时候可以显示文字
width表示图片的宽度
（音频）：audio
（视频）：video
controls显示浏览器默认播放控件(播放按钮进度条等)
文本输入框input
placeholder 属性表示占位符
type 属性表示输入值，如果输入数字可以用min和max指定最大值最小值，也可以输入日期 需要加入type="date"
多行文字可以使用textarea
如果不限制选项可以使用input type="checkbox"
如果限制只能选择一个选项可以使用input type="redio"
如果选项比较多可以使用下拉选择select
里面有哪些选项可以写在option里
datalist是快捷输入
引用
blockquote快捷应用
cite短引用
q表示引用之前说过的内容
code表示引用代码，引用多行代码时要在code前加上pre
用strong突出重点，用em突出语气上的强调
内容整体划分
页头放在header标签里
页面主题放在main主体里
article文章
aside表示跟页面内容相关但并不直接 属于页面内容的
页面尾部footer
语义化是什么？
什么是前端工程师？
前端工程师就是使用web基础站解决多端图形用户交互问题的工程师
前端技术栈：HTML(内容）CSS（样式）JavaScript（行为）
前端应该关注的方面：功能、美观、无障碍、安全、性能、兼容性、体验
什么是HTML?
HyperText Markup Language
写代码时应该知道的基础知识
第一行的<！doctype html>标记了当前在使用的这个html文件是什么样的html版本，最终浏览器会根据他来决定使用哪一种渲染模式。
html是文档的根标签，所有其他标签都是写在html标签里的。
HTML语法：
1.标签和属性不区分大小写，推荐小写。
2.空标签可以不闭合，比如 input,meta
3.属性值推荐用双引号包裹
4.某些属性值可以省略，比如required,readonly
标题h1～h6
列表
有序列表ol
无序列表ul
定义列表dl
描述列表里的标题dt
具体的值dd
一个dt可以对应多个dd
一个dd可以对应多个dt （多对多的关系）
链接：a
a最重要的属性：href(超链接的地址)
target属性是建立新标签
插入多媒体
（图片）：img
替代性文本alt：当图片由于某些原因加载失败或不能加载的时候可以显示文字
width表示图片的宽度
（音频）：audio
（视频）：video
controls显示浏览器默认播放控件(播放按钮进度条等)
文本输入框input
placeholder 属性表示占位符
type 属性表示输入值，如果输入数字可以用min和max指定最大值最小值，也可以输入日期 需要加入type="date"
多行文字可以使用textarea
如果不限制选项可以使用input type="checkbox"
如果限制只能选择一个选项可以使用input type="redio"
如果选项比较多可以使用下拉选择select
里面有哪些选项可以写在option里
datalist是快捷输入
引用
blockquote快捷应用
cite短引用
q表示引用之前说过的内容
code表示引用代码，引用多行代码时要在code前加上pre
用strong突出重点，用em突出语气上的强调
内容整体划分
页头放在header标签里
页面主题放在main主体里
article文章
aside表示跟页面内容相关但并不直接 属于页面内容的
页面尾部footer
