常用标签(二)

 超链接标签：一般实现两个功能

 第一个功能：链接资源

　　超链接标签的使用
　　　　<a href="链接到地址"> 在页面上显示的内容</a>
　　属性：设置打开方式，默认的情况下，在当前页打开
　　　　target: _self:在当前页面打开   _blank：在新窗口打开

 

第二个功能：定位资源

　　首先第一步，定义位置 <a name="位置的名称">顶部</a>

　　第二步：回到位置 <a href="#位置的名称">回到位置</a> 

 

引入标签

　　<pre></pre>: 原样输出

 

表格标签

　　 对数据进行格式化操作

　　 　　技巧：首先数表格里面有多少行，数每行里面有多少个单元格

　　　　<table></table>: 表示定义了表格的范围

　　　　属性 border：表格线 1-7

　　　　bordercolor: 设置表格线的颜色

　　　　cellspacing: 设置单元格之间的距离

　　　　cellpadding: 设置内容和单元格之间的距离

　　　　width:表格的宽度

　　　　height：表格的高度

　　　　<tr></tr>: 每一行　　设置显示方式 align: left center right

　　　　<td></td>：单元格　　设置显示方式 align: left center right

　　　　表示单元格时候，除了使用td之外，<th></th> 默认效果 居中和加粗

 

合并单元格的操作

　　技巧：首先数表格里面有多少行，数每行里面有多少个单元格

　　rowspan: 跨行

　　代码
  　　 <tr>
    　　<td>姓名</td>
    　　<td>性别</td>
    　　<td>年龄</td>
    　　<td rowspan="4">人员信息</td>
   　　</tr>

　　colspan：跨列

　　 代码

　　　　<tr>
    　　　　<td colspan="4">人员信息</td>
   　　</tr>

　　标题标签 <caption>标题名称</caption>

 

html的表单标签

　　如注册页面，使用表单标签可以实现把填写的注册信息，提交到服务器

　　使用表单提交的时候:

　　　　要求一：在每个输入项里面必须要有一个name属性

　　　　要求二：在单选框、复选框、下拉框里面必须value

 

　　<form></form>: 表单的范围

　　　　如果不设置，默认提交到当前页面

　　　　使用form里面属性 action:设置提交到页面

　　　　属性method：设置表单的提交方式，在默认的情况下，提交方式是 get方式

　　　　表单提交方式有很多种，但是常用的就是两种 get和post

　　　　如果使用提交方式是post，提交的数据放到请求体里面

 

　　表单的提交方式get和post区别

　　　　get请求在地址栏会携带数据，但是post请求不会携带数据

　　　　get请求安全性很低，post安全性比较高

　　　　get请求数据的大小会有限制，post大小没有限制

　　

　　在form标签里面 输入项：可以输入内容的地方，选择内容的地方

　　　　大多数的输入项 使用 <input type=""/>标签

　　　　普通输入项： <input type="text"/>

　　　　密码输入项： <input type="password"/>

 

　　　　单选输入项： <input type="radio"/>

　　　　　　要求：必须有属性 name， 同时name的属性值必须相同

　　　　　　 默认选中 checked="checked"

 

　　　　复选输入项：<input type="checkbox"/>

　　　　　　要求：必须有属性 name， 同时name的属性值必须相同

　　　　　　默认选中 checked="checked"

　　　　

　　　　文件上传项：<input type="file"/>

　　　　　　提交按钮： <input type="submit"/>,默认显示的内容：提交查询内容，但是可以修改显示的内容

　　　　　　属性 value

 

　　　　提交操作使用图片：<input type="image" src="图片的路径"/>

　　　　　　 <input type="image" src="a.jpg"/>

 

　　　　重置按钮：<input type="reset" value=""/>： 回到输入项的初始状态

　　　　隐藏项：<input type="hidden" name="hid" value="ppppppp"/>

　　　　　　输入项不在页面中显示，但是可以提交到服务器

　　　　

　　　　下拉选择框：不是使用input标签了

　　　　　　　　<select name="school">
 　　　　　　　　　　 <option>西安大学</option>
 　　　　　　　　　　 <option selected="selected">北京大学</option>
  　　　　　　　　　　<option>上海复旦</option>
 　　　　　　　　</select>

　　　　文本域： 不使用input标签

　　　　　　<textarea rows="" clos=""></textarea>

　　html标签使用思想

　　在网页中可能有很多的数据，但是不同的数据可能需要不同的显示效果，这个时候使用标签把数据包起来，通过修改标签  的属性值来实现标签内数据样式的变化。而一个标签相当于容器，修改容器的属性值可以实现容器内数据样式的变化