这是我参与「第五届青训营 」伴学笔记创作活动的第1天，下面跟我一起看看今天讲了什么吧~
1.什么是前端？
使用WEB技术栈解决多端图形用户界面交互，解决图形界面下的人机交互。
2.前端技术栈：
html对应内容，CSS对应样式，JavaScrpit对应行为，通过HTTP协议传输到服务器端。
3.前端不仅仅是静态页面
4.HTML=HyperText Markup Language
HyperText:包括图片、标题、链接、表格
Markup Language:标记语言，包括一个开始标签和结束标签
传达内容而不是样式
5. 基本结构
<!--最外层 -->
<html>
<head>
<!--比如标题，编码形式 -->
</head>
<body>
<!--文字等 -->
</body>
</html>
1)推荐标签、属性小写
2)属性值推荐用双引号包裹
3）空标签可以不闭合
6.一些样式
1）标题：
h1:
<div> <h1> helloworld </h1></div>
2) 列表
有序列表：
<div>
<!--有序列表 -->
<ol>
<li> 1</li>
<li> 2</li>
</ol>
</div>
无序列表：
<div>
<!--有序列表 -->
<ul>
<li> 1</li>
<li> 2</li>
</ul>
</div>
3) 链接
<a href=''> </a>
<!-- 图片，音频，视频 -->
<img></img>
<audio></audio>
<video></video>
4）输入
<input>
<!-- placeholder='helloworld' 表示input框默认显示helloworld -->
<!-- 可以给input 设置type :range;number;date 等-->
<!-- 多行文本 使用<textarea> </textarea> -->
5）选择
<!--
type='checkbox' 表示可以选多个
type='radio',name='A'表示在name为A的选择中，只能选择一个
select 下拉选择框 里面每个元素
-->
6）引用
<cite>表示一个作品的名字</cite>
<q>表示具体内容</q>
<code>引用代码</code>
<blockquote cite=''> 块引用</blockquote>
7）强调
<strong>紧急、严重</strong>
<em>一段话中很重要，重读的字</em>
7.写的HTML有什么用：
对于开发者：维护修改页面
对于浏览器：用于展示
对于搜索引擎：提取关键字、排序
对于屏幕阅读器：可以给盲人读页面内容
在预习和复习任务中，感觉如下几行对于理解HTML是什么有所帮助，所以也在此引用
HTML一种标记语言，主体包括开始标签、结束标签、内容，如图所示：
与此同时，元素也可以有属性，比如：<p class='editor_note'>中的class就是一个属性。
