这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
今天我学习了前端的基本介绍以及HTML的一些基础知识。主要包括以下几方面：
一、什么是前端？
使用web技术栈解决多端图形用户界面交互问题的工程师。
它可以解决图形界面下的人机交互问题；跨终端；web技术栈
前端技术栈：html内容；css样式；javascript行为与网络协议构成基础的技术栈
前端应该关注哪些方面：功能、美观、无障碍、安全、性能、兼容性、体验
前端的边界：nodejs、electron、react native、webrtc、webgl、webassembly
开发环境：浏览器、编辑器vscode、vim、webstorm
二：Html
HTML全称为HyperText Markup Language超文本标记语言。其中超文本不只包括文字，还可以是图片、标题、链接、表格等；标记语言是指用标签来描述网页，但又不属于真正意义上的编程语言的标签语言。
1.图片标题链接表格
2.<h1>文章标题</h1>
3.属性名 属性值
<!doctype html>
<html>
<head>
<meta charset=”UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
4.dom树
<html>-<head>(<meta>and<title>)和<body>(<h1>and<p>)
5.html语法
标签和属性不区分大小写，推荐小写；空标签可以不闭合，比如input、meta
属性值推荐用双引号包裹；某些属性值可以省略，比如required、readonly
标题标签h1-h6、有序列表ol、li；无序列表ul、li；自定义列表dl、dt、dd
链接a图片img输入input
6.语义化是什么：
html中的元素、属性及属性值都拥有某些含义；开发者应该遵循语义来编写html
有序列表ol，无序列表用ul；lang属性表示内容所使用的语言
7.谁在使用我们写的html
开发者-修改、维护页面；浏览器-展示页面；搜索引擎-提取关键词、排序；屏幕阅读器-给盲人读页面内容
8.最后我们要注意的是:传达内容，而不是样式
