HTML基础(二)

                                         HTML基础二

1.图片的标记

格式:<img src="路径"/>

属性：width border align hspace vspace

想要居中:

<div style="text-align.........."> </div>

2.超链接

网页链接：

<a href="http://">链接名</a>

图片链接:

<a href="图片地址" target="-blank">链接名</a>

邮箱链接

<a href=mailto:邮箱>内容</a>

普通空链接

<a href="<#>">普通空链接</a>

meta标记

网页自动刷新：

<meta http-equiv="refresh" content="2">

跳转其他浏览器:

<meta http-equiv="refresh" content="2;url=域名">

属性：name属性

(1)设置网页搜索的关键字：

<meta name="keywords" content="需要搜索的关键字"/>

（2）设置网页描述的信息：

<meta name="description" content="内容">

4.表单

form标记 块元素

属性：

name：给表单起名字 用于javascript 客户端的表单验证

method： 表单的提交方式。 取值为：get post

（1）get不能提交敏感数据 太明显 只能提交少量数据 不能上传附件

（2）post： 不明显 交给后台处理 可以提交大量数据 可以上传附件

action：指定表单的处理程序

单行文本域

常用的一些属性：

name：文本框的名字 注意：可以使字母，数字，下划线，只能用字母来开发

type：表单元素的类型

value：文本框的值；该value的值将发到服务器

size:文本框的长度，字符

maxlength:输入字符

readonly:只读属性 如：readonly="readonly"

disable:禁用属性。

单行密码域

格式：<input type="password" 属性=值>

name type value 。。。。。等等属性都同上

单选按钮

用户不能输入内容 是固定的value的值

格式：<input type = "radio" 属性=值/>

属性：name value checked：默认选择的一项

注意：一组单选按钮，只能选择一个，name必须保证一致

多选按钮(复选按钮)

格式：<input type="checkbox" 属性=值>

属性：name value checked

例如

<input type="checkbox" name="like" value="游戏" checked="checked" />游戏

<input type="checkbox" name="like" value="篮球" />篮球

下拉列表

格式<select name="...">

<option value="...">....</option> ... 为默认

<option>...</option>

............

各种按钮

提交按钮:<input type="submit" value="提交按钮">

重置按钮：<input type="reset" value="重置按钮">

图片按钮:<input type="image" src=".."> //功能和提交按钮submit

普通按钮:<input type="button">