前端与HTML
一、前端技术栈
服务器端通过协议将其渲染到浏览器端，浏览器端可通过http协议再将用户输入的信息等返回到服务器端。
前端应注意它的美观、功能、安全、性能、无障碍性、兼容性以及用户的体验感。
html组成：一些超文本，如图片、链接等和标签组成。
<!doctype html>//标记了当前正在使用的这个html文件是一个什么html版本，最后浏览器会以这个来渲染
<html>
<head>
...
</head>
</html>
二、HTML语法
- 标签和属性不区分大小写，推荐用小写。
- 空标签可以不闭合，如input、meta。
- 属性值推荐用双引号包裹。
- 某些属性可以忽略，如required、readonly。
三、列表
//有序列表：<ol>表示。
//无序列表：<ul>表示。
//定义列表：<dl>表示。
<dl>
<dt>导演：</dt>//标题
<dd>某某</dd>//上面这个dt的值
<dl>
//dt可对应多个dd
四、图片、音频、视频标签
在这之前，只了解过img图片标签，这节课后知道了音频和视频标签的使用。
//src表示地址
<img src="" />//其中可用alt添加可替代文本
<audio src="" controls></audio>// controls表默认播放器
<video src="" controls></video>
五、表单
最常用的是input标签，其中placeholder属性表示占位符，其中的值在用户为输入时会显示出来。
1).type属性可设定输入的值为什么。
2).type属性为range时会出现一个滑块来使用户输入范围。
3).type属性为number时用户只能输入数字，添加max和min属性可规定输入的最大和最小值。
4).type属性为data，可输入日期。
此外，多行文字可用textarea标签来输入。
5.1选择标签
使用input，添加属性type="checkbox",可选择多个。
type="radio" name="sport"可控制只能选一个。
下拉选择用select,将选项写在option中。
用datalist标签可帮助提示用户快速输入。
六、引用
1.长引用，直接引用一段文字——blockquote ，cite属性写入引用内容的地址。
2.短引用，使用cite标签。
3.q标签，引用具体的某个内容，会显示双引号。
4.code标签，引代码。
5.引用多行代码，则在外包裹一个pre标签。
七、内容划分
header:头部，其中可放导航这些，用nav标签表示。
main：主体。
aside:侧边栏。
footer:底部。
