web前端学习

1. 概述

   小白学习了几天学习了WEB前端技术写篇文字记录一下，在以后的课程有时间就认真多学习下吧。
   

   代码功能：输入手机号码，点查询调用淘宝手机API查询归属地，知识来源于课程，在课程里面学习到了简单的常用标签元素，如有标题h1~h6个等级，其中 h1用于顶层大标题，段落的p标签，使得每个段落字体独立展开不能连一起，个人觉得表格标签很常用.

   
   

2. 表格标签：用<table>标签定义，由若干行和列的单元格组成，表格元素中<tr>表示一行，<td>表示列，表格用<caption>标签来定义标题, border=数字表示标签边框大小，还可以添加width height 长度和宽度，其中col bgcolor修改这行颜色，cellspacing 外间距，cellpadding  内间距，居中显示：align="center" 这个个人觉得这个功能很好用。

3.在html用的最多的是css功能，它可以控制页面的各个元素，如修改颜色，布局，这里用的最多的就是修改颜色以及字体大小,可以通过style标签来引入，这里不介绍了。

4.代码里包含了表单标签的功能，表单标签重要功能是实现数据交互，我们输入手机号点查询的时候，它可以请求后端服务器把结果返回来。表单元素使用<form>标签定义表单，表单有两个最要的属性action和method，action属性定义了表单提交的地址，method属性定义表单的提交方式, 提交方式分为二种,一种是post,一种是get.

get：以明文的方式通过URL提交数据，数据在URL中可以看见，安全性能较低但效率比post高，适合提交数据量不大，安全性不高的数据，比如：搜索，查询功能。

post : 将用户的提交信息封装在html内，适合提交数据量大，安全性能高的用户信息，比如：注册，修改，上传等功能。

在这里调用了API，简单描述一下什么叫API，差不多是前端和后端的意思，前端用户使用淘宝购买商品，在付款提交之后，这些信息发送到后端的服务器，淘宝平台发送商家收到订单后就发货，快递公司就接单运输，并且买家可以查看我们的货物到底到哪里了 这个过程叫API，买家调用者，淘宝就是服务的提供者。

代码演示：