Day8
一、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标签功能一样，将表单信息提交给后台 -->
