这是我参与【第五届青训营】伴学笔记创作活动的第1天。
一，什么是前端？
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
1.解决人机交互问题
2.跨终端
3.web技术栈
二，什么是html?
html是超文本标记语言,是用来描述web文档的一种标记语言,使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。
三，HTML的语法
四，HTML的主体结构。
五，HTML的常用标签。
1.标题标签
从h1~h6,大小不同
2.列表标签
有序列表
<ol>
<li>阿凡达</li>
<li>泰坦尼克号</li>
<li>复仇者</li>
</ol>
无序列表
- 阿凡达
- 泰坦尼克号
- 复仇者
自定义列表（dt是标题，dd是内容）
- 青训营学员
- 张萌
- 日期
- 2023-01-15
3.链接
注： herf属性的属性值是当前要打开的链接，target属性表示打开方式，不写target则默认为target="_self",即在当前页面打开，还有_blank,_self,_parent等。
4.多媒体标签
注：他们都是单标签，src属性放多媒体文件的网址，img标签的alt属性表示图片因为某种原因未加载时显示的文字信息，title属性是当鼠标滑动到图片上时显示图片标题；controls属性：播放器是否显示控制栏。该属性是布尔属性，不用赋值，只要写上属性名，就表示打开。如果不想使用浏览器默认的播放器，而想使用自定义播放器，就不要使用该属性。
5.输入标签
(1).input标签
<input placeholder="请输入name">
<input type="range">
<input type="number" min ="1",max="10" >
<input type="date">
<textarea name="" id="" cols="30" rows="10">1223</textarea>
(2).多选框
<p>
<input type="checkbox">
<input type="checkbox" checked="checked">
</p>
checked表示默认选中。
(3).单选框
<p>
<input type="radio" name="sport">
<input type="radio" name="sport">
</p>
注：是name在控制，给name相同属性值，只能选一个，不能去掉，去掉后会变成多选。
(4).下拉框
1 2 3
6.文本标签
上面的标题标签也属于文本标签 p标签：段落标签 hr标签：水平线标签 br标签：换行标签 还有引用 标签q和blockquote
7.其他标签
div和span：div和span都是容器，没有什么意义，div常用来布局，div是块标签，span是行内标签。 还有很多，上面的这些都是常用的。 ···
六、总结
今天是第五届青训营的第一天，短短40分钟的课程，对于我来说收获满满。
