这是我参与「第四届青训营」笔记创作活动的的第1天
在看课程和文档时，发现自己还是欠缺系统的学习或者说过一遍基础细节，之前都是需要什么就学什么，这次给了自己很好的系统学习的机会！
直播课
1.区别不用类型的input
- checkbox：方块可多选，input标签内设置type="checkbox"
- radio：圆形只单选，通过name绑定，同一个name只能选择一个，设置type="radio"
- 下拉选择器：select+option
- 可输入选择：input指定一个list属性，list对应datalist列表，里面包含option选择
2.引用的三个标签
- blockquote:块应用，可引用连接
- cite：斜体
- q：双引号，引用前文出现过的内容
3.文本表示标签
- code：表示代码，可长可短
- pre+code:表示长代码，pre可预格式化
- strong：表强调
- em：表突出某个词
学习文档
1.特使字符的使用
2.<head>元素（内容不在浏览器中显示）
作用:保存页面的元数据（描述数据的数据）
<title>表示整个html文档的标题；
<meta>专门为一个文档添加元数据：
字符编码charset;name+content属性定义页面作者和简要描述；自定义图标favicon显示在书签列表和浏览器收藏，.ico(.gif、.png）格式，也可在<link>中引用如下
<link rel="icon" href="favicon.ico" type="image/x-icon">
应用CSS和JavaScript(<link>元素和<script>元素）
- CSS：rel表示文档的样式表，href表示样式文件的路径
<link rel="stylesheet" href="my-css-file.css">
- JavaScript：（可不放在<head>中）src表示文件路径，defer表示解析完html吼再加载JavaScript，以免报错
<script src="my-js-file.js" defer></script>
lang属性为站点设定语言，提高搜索引擎的有效搜索，更好服务特定人群
3.文本处理基础
标题：由<h1>、<h2>、<h3>、<h4>、<h5>、<h6>工6个标题元素定义的，每个页面最好不超过三个，也不能跳着来使用
<span>元素：没有语义，可在想用CSS和js时用来包裹内容，且不需要附加任何额外意义
list列表：
- 无序：<ul>+<li>
- 有序：<ol>+<li>
- 嵌套列表：<ol>+<li>+<ul>+<li>
粗体、斜体、下划线：如果没有更合适的元素，使用
<b>、<i>/<span>+css 或<u>来表达
大项目安排及进度
昨晚开了一个小时的讨论会，决定用vue3来进行题目2， 当前最近任务是理解题目2的基本逻辑和架构，以及了解github desk的团队协作使用
在gibthub找到一个类似项目，clone下来可正常运行，今天打算粗略理解一下代码
