百度网页制作（三）
这一期小编跟大家说一说怎么建立百度搜索功能和表格。
也就是图中间红色框部分。其中的空框被称为“表单”（只需要知道就好），而这个表单的创建需要我们的<form>标签来完成我们的输入，平常我们在某一个网站注册信息，比如说京东网站的注册
（我们注册时填写的各项信息都需要通过表单来实现。）
当然，小编教给大家制作的是很简单的表单，说白了就是一个空框框让你输入信息然后回车键直接百度搜索（恩，就是这样）。现在大家应该理解<form>表单的意思了吧，那么小编再给大家说一下如何制作我们的目标表单。
1：<form></form>双标签里面的属性就有action（服务器端）也就是谁来接收你在框框里写的信息，我们需要百度来接收，那么我们就在action里面写入action=”http://www.baidu.com”，这样我们写入自己搜索的信息之后敲定回车就会利用百度来搜索。
2：还有target标签：规定在何处打开 action，如果我们想在新的页面打开
http://www.baidu.com。那就需要在target=”blank”，也可以修改后面的blank以另一种方式打开，大家如果有兴趣可以搜索一下。
3：method 属性规定如何发送表单（form）数据（表单数据发送到 action 属性所规定的页面）。表单（form）数据可以作为 URL 变量（method="get"）或者 HTTP post （method="post"）的方式来发送。
不知道大家注意到没有，我们的表单框里有一个“百度一下，你就知道”，这些字是怎么出现的呢？我们需要用到这几个标签来规范：
1：Input：表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面介绍我们需要的类型。type=“tex”输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的默认类型。
2：name 属性规定 input 元素的名称。比如我们的“百度一下，你就知道“就是被name后面的word属性规范的。
3：下面说一下需要用哪一个标签来实现”百度一下，你就知道“的出现。Placeholde=“百度一下，你就知道”。placeholder 属性规定描述文本区域预期值的简短提示。该提示会在文本区域为空时显示，当字段获得焦点时消失。（大家应该遇到过很多吧！）我们还可以修改“百度一下，你就知道”的宽度和高度，这里就需要style标签。下面给大家看一下我们的源代码，大家可以和上面小编给大家介绍的各个属性一一对照理解。
<form target="blank" method="get" action="http://www.baidu.com/s">
<input type="text" name="word" style="width: 540px; height: 40px;" placeholder="百度一下，你就知道" />
</form>
最后给大家说一下我们的表格
我们日常访问的网站中很多都有表格，那么这些表格该如何制作呢？
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。小编不再介绍。
下面给大家说一下table标签中的各种属性：
1：border=”0px“，意思是边框的宽度是多少像素
2：height=”120px“表示高度
3： cellspacing：规定单元格之间的空间
4：cellpadding：规定单元边沿与其内容之间的空白。
5：solid：表示边框为实线后面可以加颜色
当然这是我们需要的属性，我们不需要的属性还有很多，小编不给大家一一赘述。要实线我们的目标表，需要这些属性来规范。
再给大家说一下tr标签和td标签，它们都是双标签，不同之处在于tr规范行元素，td规范某一个表格单元。其中tr把td包裹再内.
例如：
<tr>
<td width=10%><a href="http://v.baidu.com/?fr=bd">视频</a></td>
</tr>
其中的<a>标签义超链接，用于从一张页面链接到另一张页面，<a> 元素最重要的属性是 href 属性，它指示链接的目标。其中<a></a>是双标签，href在<a>标签之内。
这样的话，大家知道怎么实现我们的表格了么，*先你要知道你想保存的网页的链接，写入我们的网页源代码中，用tr双标签规范行，几行就用几个<tr></tr>.然后用td双标签规范单元格。
这样的话我们的网页已经介绍完了，你有没有学到什么呢？小编最后给大家总结一下重点：
1：注意标签与标签之间的包含关系例如<body></body>包含了网页的主体部分，除了表体之外的网页代码都是在<body></body>标签里面写的。
2：双标签的属性要在第一个标签里面写入，比如<form>和<input>.
3：最后是我们的网页的源代码，大家可以根据源代码对照小编的介绍一一学习。
免责声明：本站所有内容及图片均采集来源于网络，并无商业使用，如若侵权请联系删除。
下一篇：百度做电商了？真相是这样的
