HTML基础02

11、超链接标签

<a href="URL"></a>
行内元素，不自动换行
属性：
	(1)href="……" 必须存在 地址
	(2)target：
			_blank	在新窗口打开
			_self	在当前窗口打开

利用超链接标签实现锚点（快速转到顶部）
<a href="#"></a>
利用其它标签的属性：
锚点1：
<a href="#nr1"></a>利用name属性 起点标签为a 设置name
锚点2：
<a href="#id1"></a>利用其他标签的id属性

12、图片标签

<img src="网络地址或本地地址" />
属性：
(1)src=""	引入地址 必填
(2)title=""	悬停鼠标时显示的文字
(3)alt=""	图片错误时显示文本
(4)width=""	设置宽度 定比
(5)height=""高
(6)booder=""图片的边框
(7)align=""	对齐方式

点击图片实现链接跳转：
将<img src=" "/>放入<a></a>中

13、表格

<table></table>	表格标签
<tr></tr>		行（一行中可以有一个或者多个td或者th）
<th></th>		表头
<td></td>		标准单元格

合并单元格

rowspan=""	纵向合并
colspan=""	横向合并

14、表单

表单用于向服务器传输数据

form标签时块级元素，前后会产生换行

表单提交时表虚设置表单的name属性

所有标签均有属性
id：标志元素的唯一性
name：用来提交数据时的参数名
style：设置元素的样式（具体样式）
class：设置元素的样式名（一套元素）

表单属性

action：提交表单的地址
method：提交方式（1）get（2）post
target：提交数据时打开窗口的方式（_blank，_self）
disabled；禁用标签

get与post请求的区别：

• get时、参数会跟在地址栏后面，post不会
• get相对于post请求不安全
• get传递的数据长度是有限的，而post与服务器有关
• get请求比post请求快
• get请求有缓存，post没有缓存

input

属性：

• maxlegth
• value
• readonly
• type

type="text"	文本框
type=passworrd	密码框
type="radio"	单选框
type="checkbox"	复选框
type="file"	文件域
type="button"
type="submit"
type="reset"

单选框radio

<input type="radio" value="A" name="xuanxiang"/>:选项A
<input type="radio" value="B" name="xuanxiang"/>:选项B。

说明：
value为传值
name标志两个radio为一组 实现单项选择

复选框

<input type="checkbox" value=1 name="ss"/>:选项1

文件域

type="file"
如果上传文件，则设置一个属性
nenctype="multipart/form.data"
提交为post请求

普通按钮

<input type="button" value="" />

提交按钮

<input typoe="submit">
注：
没有name属性无法提交数据

重置按钮

type="reset"

15、多行文本框

textarea

属性：
cols：文本的可见宽
rows：文本的可见行

16、button按钮

除了input中的button 还提供单独的button

此button默认是submit

input中：
    type="button"
    type="submit"
    type="reset"
button实现：
    type="button"
    type="submit" （默认）
    type="reset"

button是双标签 所以之间可以添加任何内容（文本，图片）

17、下拉框

select:下拉框标签
option:下拉框选项

select属性

multiple="multiple"	设置可以多选
size	设置下拉框可见项数
disabled	禁用

option属性

selected	默认选中项
disabled	禁用（某项）
value	提交值（未设置提交值时提交的是标签中的文本）

18、字符实体

<	&lt;
>	&gt;
space	&nbsp;
版权©：	&copy;