这是我参与「第四届青训营 」笔记创作活动的的第1天
今天是第一课，主要是进入前端世界，认识什么是前端，前端都有那些知识点，前端都能做什么？
一、什么是前端
什么是前端，很好解释，使用web技术栈解决多端（pc、手机、平板）下的图形交互问题
1、前端的技术栈
底层的一点来说来说可分为三层，HTML负责页面的结构，css负责页面的样式（颜色，字体大小），js负责页面的动态行为（例如单击事件）
当然我们常说的技术栈就是html+css+js，以及一些框架，例如vue、React ，框架的底层也还是生成了html+css+js
2、前端应该关注的方面
- 美观（要好看）
- 功能（平台功能）
- 安全（用户数据安全性）
- 兼容（各个浏览器，各个平台）
- 性能（性能直接影响体验，用户体验直接决定用户的去留）
3、如何学好前端
我是做后端的，如何学好前端，我只能说一下自己的理解，多写代码，多写样例，先模仿再超越，，其实不管学什么都是。先模仿再自创。要有自己的理解
二、什么是HTML
1、html的定义
定义： HTML 是超文本标记语言（Hyper Text Markup Language）的简称
超文本：是指图片、链接、标题、表格等。
标记语言：使用标签表示各种各样的元素。HTML的标签一般是成对出现的，如：<h1></h1>等。也有不成对的标签，如<img src="photo.jpg" />，其中，src是属性名，"photo.jpg"表示属性值。
2、dom树
dom的全称是文档对象模型（Document Object Model）其将文档作为一个树形结构，树的每个节点表示一个HTML标签。
3、html语法
- 标签和属性不区分大小写，推荐使用小写
- 空标签可以不闭合，如 input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如 required、readonly
4、常用的html标签
标题
<h1>~<h6>，h1表示字体最大的标题，h6表示字体最小的标题。
列表
列表分为三种，分别为有序列表<ol>、无序列表<ul>、定义列表<dl>。<ol>与<ul>中的每一项为<li>，定义列表是项目及其注释的组合，<dt>表示标题，<dd>表示内容，是一个多对多的关系。
链接
<a>，<a>标签中有两个属性，分别为href和target。href属性规定链接指向的页面URL。target属性规定在何处打开链接文档。
target的属性值如下：
_blank：在新窗口中载入目标文档；_self默认：响应显示在当前窗口中；_parent：响应显示在父框架中；_top：响应在当前窗口打开并替换当前的整个框架页
多媒体
<img>：图像标签，src表示图片的URL地址，alt表示替换文本属性，用于在图片加载失败的时候显示。
<audio>：音频标签，src表示音频源URL，control属性显示播放控件。
<video>：视频标签，src表示视频源URL，control属性显示播放控件。
内容划分
三、语义化
1、语义化
-
HTML中的元素、属性及属性值都拥有某些含义；
-
开发者应该遵循语义来编写HTML，如：
- 有序列表用 ol；无序列表用 ul
- lang属性表示页面使用的语言
2、为什么用语义化
- 便于开发者修改、维护页面；
- 便于浏览器展示页面；
- 便于搜索引擎提取关键词、排序；
- 便于屏幕阅读器等识别（给盲人读页面内容）
今天做了什么
上午学习字节提供的课程，下午在看小组群里给的资料，晚上和小组成员开会，确定大项目选题，功能设计，然后队长又给了很多学习资料，明天继续学习。终身学习，
