一、go练习题
二、前端学习
HTTP协议：超文本传输协议，基于TCP/IP作用于应用层以上
1、html5：页面结构框架 内容 标签 => 学会标签的嵌套结构 2、css3：页面布局与样式 外观 3、javaScript：页面的交互逻辑 动作 #2、浏览器输入网址发送了几件事？ 1.输入网址 2.朝服务端发送请求 3.服务器接收请求并查询浏览器想要的数据返回给浏览器 4.浏览器拿到数据展示页面 #3、前端解题思路： 架构分析---页面样式与布局--内容展示--页面逻辑交互
#1、页面结构相关的系统标签
1. 页面根标签：<html></html>
2. 页面头标签：<head></head>
3. 页面体标签：<body></body>
4. 页面标题标签：<title></tile>
5. 元标签：<meta />
6. 链接标签：<link />
7. 样式标签：<style></style>
8. 脚本标签：<script></script>
#2、简单的系统标签
1. 标题标签：<h1></h1> ... <h6></h6>
2. 段落标签：<p></p>
3. 换行标签：<br />
4. 分割线标签：<hr />
5. 行文本标签：<span></span>
6. 斜体标签：<i></i>
7. 加粗标签：<b></b>
8. 图片标签：<img />
<!-- 图片标签: src：图片源 alt：资源加载失败的文本提示 title：鼠标悬浮的文本提示 -->
9. 超链接标签：<a></a> 7. "架构"标签：<div></div>
<!--超链接: target: _self _blank-->
#3、复杂的系统标签 1. 无需列表标签：<ul><li></li></ul> 2. 表格标签：<table><!-- 包含大量的表格子标签 --></table> 3. 表单标签：<form><!-- 包含大量的表单子标签 --></form>
#3-1、无序列表
<ul>
<li>列表项</li>
<!-- 多少列表项就可以出现多少个li标签 -->
<li>列表项</li>
</ul>
<!-- 无需列表只需要掌握ul与li的嵌套关系，样式的调整会在CSS3详细介绍 -->
#3-2、表格标签（了解）
<table border="1" cellspacing="0" cellpadding="10">
<caption>表格标题</caption>
<thead>
<tr>
<th>标题</th>
<th>标题</th>
<th>标题</th>
<th>标题</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">单元格</td><!-- 合并2行单元格 -->
<td colspan="2">单元格</td><!-- 合并2列单元格 -->
<!-- <td>单元格</td> --><!-- 该列单元格被合并 -->
<td>单元格</td>
</tr>
<tr>
<!-- <td>单元格</td> --><!-- 该行单元格被合并 -->
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</tfoot>
</table>
<!--
标签部分：
1. table表格标签
2. caption表格标题标签
3. thead表格头部区域标签，tbody表格主体区域标签，tfoot表格尾部区域标签，均可以省略别写
4. tr表格行标签
4. th表格标题单元格标签，td表格普通单元格标签
全局属性部分：
1. border表格的边框宽度
2. cellspacing单元格直接的间距
3. cellpadding单元格内部的间距
4. rowspan合并行单元格
5. colspan合列行单元格
-->
#3-3、表单标签（重点，后期前后台交互时重点讲）
<form actio="" method="" enctype="">
<label></label>
<input type="text" name="user">
<input type="password" name="pwd">
<select name="list">
<option value="val1">列表项</option>
<option value="val2">列表项</option>
</select>
<textarea></textarea>
<button type="button">按钮</button>
<input type="submit" value="提交">
</form>
<!--
标签部分：
1. form表单标签
2. 普通文本标签
3. input输入标签，通过全局属性type的值来确定具体是什么类型的输入标签
4. select表单中的列表标签，option列表项标签
5. textarea文本域标签
6. button按钮标签
form全局属性
1. action：提交表单数据给后台的地址
2. method：提交数据的方式(get或post)
get: 不安全的提交数据，高效
post: 安全的提交数据，低效
前台都可以给后台提交数据，后台一定会给前台一个反馈结果
3. enctype：提交数据的编码格式
form子标签全局属性
1. type：标签的类型
2. name：将该标签提交给后台标识数据的key (不设置name的标签的内容无法提交给后台)
3. value：该标签提交给后台的数据或是该标签的显示内容
input标签tpye属性值与分类
1. text：普通文本输入框
2. password：密文文本输入框
3. radio：单选框，该类型input标签有个全局属性checked，属性值省略，代表单选框默认选中状态
4. checkbox：复选框，该类型input标签也有个全局属性checke用同单选框，多个复选框用name值来标识属于同一组复选框，如都代表爱好的复选框的name都应该叫hobby
5. file：文件输入，该类型input标签有个全局属性multiple，属性值省略，代表同时可以选取多文件提交给后台
6. submit：提交表单信息给后台，用value设置提交按钮的显示内容
button标签tpye属性值与分类
1. button：不同按钮，默认点击后无任何操作
2. reset：重置按钮，默认点击后会还原表单的所有操作
3. submit：提交按钮，和type为submit的input标签功能一样，将表单信息提交给后台
-->