HTML标签

主要HTML标签，详情参考：http://www.w3school.com.cn/tags/tag_comment.asp

一·入门

1、新建站点：

站点—>新建站点—>下一步—>否—>下一步—>选择文件存储路径—>在如何连接到远程服务器下选：无—>下一步—>完成。

2、保存

Ctrl+s 或者 文件—>保存

 

 

二·基本定义

1、title标签

<head>

<title>这是一个标题/title>

</head>

2、http-equiv属性

1）content-Type（文档类型和显示字符集的设定）

设置页面类型和使用的字符集。如：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

页面文档类型为text/html，使用的字符集为utf-8。

2）expires（期限）

可以用于设定网页到期时间，一旦网页过期，必须到服务器上重新传输。必须使用GMT的时间格式。如：

<meta http-equiv="expires" content="Mon,10 Sep 2012 08:47:28 GMT" />

3)refresh（刷新）

自动刷新并指向新页面。这里的5是指停留5秒后自动刷新。

<meta http-equiv="refresh" content="5;url=http://www.bdu.edu.cn" />

3、name属性

Name属性提供了名称/值对中的名称。XHTML没有指定任何预先定义的<meta>名称。通常情况下，可以自由使用对自己和源文档的读者来说富有意义的名称。

1）keywords：关键字

2）description：内容描述

3）author：作者

4）generator：编辑器

5）revised：修订信息

6）robot：机器人导向

<meta name="robots" content="all" />

<meta name="description" content="HTML meta示例" />

<meta name="keywords" content="HTML,meta" />

<meta name="author" content="吴泽航" />

<meta name="generator" content="Adobe Dreameaver cs5" />

三·基本操作

代码

描述

备注

<title>…</title>

定义文档标题

 

<h1>to<h6>

定义标题1到标题6

 

<p>…</p>

定义段落

 

<a>…</a>

定义标签

 

<br />

定义换行

 

<hr>

定义水平线

 

<!-- …-->

定义注释

 

<a href=”地址”>…</a>

定义超链接

 

<body bgcolor=”…”>

定义整个窗体背景颜色

 

<img src=”地址” />

定义图片

 

<span>…</span>

组合行内元素，和其他标签搭用

 

<div>…</div>

把文档分割成独立的不同的部分，可以用id或clas来标记

 

<b>…</b>

文本是粗体

 

<strong>…</strong>

文本是加重

 

<big>…</big>

文本是大号字体

 

<em>…</em>

文本是着重文字

 

<i>…</i>

文本是斜体

 

<small>…</small>

文本是小号字

 

<del>…</del>

删除文本

 

<ins>…</ins>

插入文本

 

M<sup>3</sup>

定义上标：

 

L<sub>2</sub>

定义下标：

 

<code>…</code>

定义计算机代码

 

<kdb>…</kdb>

定义键盘码

 

<samp>…</samp>

定义计算机代码样本

 

<tt>…</tt>

定义打字机代码

 

<var>…</var>

定义变量

 

<pre>…</pre>

预定义格式

 

<abbr title=”…”>…</abbr>

定义缩写，如：United King为UK

 

<acronym title=”…”>…</acronym>

定义首字母缩写，如：WWW

 

<address>…</address>

定义地址

 

<dbo>…</dbo>

定义文字方向（倒叙输出）

 

<blockquote>…</blockquote>

定义长的引用

 

<q>…</q>

定义短的引用（产生双引号引上）

 

<ol>…</ol>

定义有序列表

 

<ul>…</ul>

定义无序列表

 

<li>…</li>

定义列表项

 

<dl>…</dl>

定义定义列表

 

<dt>…</dt>

定义定义项目

 

<dd>…</dd>

定义定义的描述

 

disc

默认值，实心圆

 

circle

空心圆

 

square

实心方块

 

超链接

chaeset

字符集名称，规定目标URL的字符编码

href

URL，链接的目标URL

name

Section_name,规定锚的名称

type

MIME编码类型，规定目标URL的MIME类型

 

 

targer

_blank

 

 

定义在什么窗口打开被链接的文档

_parent

_shelf

_top

framename

最常用的字符实体

显示结果

描述

实体名称

实体编号

 

空格

&nbsp;

&#160;

< 

小于号

&it;

 

> 

大于号

&gt;

 

&

和号

&amp;

 

“

引号

&quote;

 

‘

撇号

&apos;(IE不支持)

 

¢

分

&cent;

&#162;

£

镑

&pound;

 

¥

日圆

&yen;

 

§

节

&sect;

 

©

版权

&copy;

 

®

注册商标

&reg;

 

×

乘号

&times;

 

÷

除号

&divide;

 

热点工具：

选中图片后，在属性栏中选择地图下面的图形选择热点，注意，这里的id必须是唯一的，要是有多个热点的话，连接目标为点击热点后连接的文件或文件夹，目标为连接后的打开方式。

导入音频：插入—>媒体—>插件—>音频文件—>确定

导入视频：插入—>媒体—>SWF、FLV…

使用表格

表格

描述

 

<table>

定义表格

 

<caption>

定义表格标题

 

<th>

定义表格的表头

 

<tr>

定义表格的行

 

<td>

定义表格的单元

 

<thead>

定义表格的页眉

 

<tbody>

定义表格的主体

 

<tfoot>

定义表格的页脚

 

<col>

定义用于表格列的属性

 

<coolgroup>

定义表格列的组

 

一个基本的表格结构如下：

源代码：

<table>

<caption></caption>

<thead>

       <tr>

           <th></th>

    </tr>

</thead>

<tfoot>

       <tr>

           <th></th>

    </tr>

</tfoot>

<tbody>

       <tr>

           <th></th>

    </tr>

</tbody>

</table>

Table标签可选属性

属性

值

描述

Border

Pixels

规定表格边框的宽度

Cellpadding

Pixels%

规定单元边沿与其内容之间的空白

Cellspacing

Pixels%

规定单元格之间的空白

Width

%pixels

规定表格的宽度

<tr>标签：定义表格行的内容，它包含一个或多个th或td

 

align

Right

 

 

定义表格行的内容对其方式

Left

Center

Justify

Char

 

valign

Top

 

规定表格中内容的垂直对其方式

Middle

bottom

baseline

<td>标签可选属性

 

 

Align

Left

 

 

规定单元格内容的水平对齐方式

Right

Center

Justify

Char

Colspan

Number

规定单元格的横跨列数

Rowspan

Number

规定单元格可横跨行数

 

valign

Top

 

规定单元格内容的垂直排列方式

Middle

Bottom

baseline

<col>标签可选属性

 

 

Align

Left

 

 

规定与col元素相关的内容的水平对其方式

Right

Center

Justify

Char

span

number

规定col元素应该横跨的列数

 

valign

Top

 

定义与col元素相关的内容的垂直对其方式

Middle

Bottom

baseline

 

width

Pixels

 

规定col元素的宽度

%

Relative_length

<colgroup>标签：

1、用于对表格中的列进行组合，以便对其进行格式化；

2、使用span属性可以指定colgroup定义的表格列数，该属性缺省为1；

3、最好为colgroup标签天机class属性，这样就可以使用CSS来负责对其方式、宽度和颜色等；

Col与colgroup区别：

1、Col指定基于列的表格默认属性，嵌套的col属性将覆盖colgroup属性；

2、Col元素可以出现在colgroup元素之外，这两个元素可用于类似的目的。

注：

若在colgroup中嵌套了col元素，则应该避免杂colgroup中使用span标签属性。这是因为属于嵌套的col元素的span标签属性将覆盖colgroup元素中的标签属性。这可能引起代码的混乱及可能并非所愿的结果。

使用表单进行交互

 

 

 

 

 

表单

标签

描述

<form>

定义供用户输入的表单

<input>

定义输入域

<textarea>

定义文本域（一个多行的输入控件）

<label>

定义一个控制的标签

<fieldset>

定义域

<legend>

定义域的标题

<select>

定义一个选择列表

<optgroup>

定义选项组

<option>

定义下拉列表中的选项

<button>

定义一个按钮

form标签

属性

值

描述

action

URL

规定当提交表单时，向何处发送表单数据（必需属性）

accept

MIME_type

规定通过文件上传来提交的文件类型

enctype

MIME_type

规定表单数据在发送到服务器之前应该如何编码

method

Get

规定如何发送表单数据

Post

 

 

target

_blank

 

 

规定在何处打开action URL

_parent

_shelf

_top

_framename

URL：向何处发送表单数据，可能的值：

绝对URL：指向其它站点，（比如src=”www.exmaple.com/example.htm”）；

相对URL：指向站内点的文件（比如src=”example.htm）

method

get

表单数据可以作为URL变量（method=“get”）或者HTTP post（method=“post”）的方式来发送。（发送较长数据时不用get）

post

模板表单：

<form action="xhtml(form_action).html" method="get">

       <span>姓名：</span>

    <input type="text" name="xm" id="xm" />

    <span>单位：</span>

    <input type="text" name="dw" id="dw" />

    <input type="submit" value="提交" />

</form>

Input标签可选属性

属性

值

描述

accept

minme_type

规定通过文件上传来提交的文件类型。

 

 

align

left

 

 

赞成使用。规定图像输入的对齐方式。

right

top

middle

bottom

alt

text

定义图像输入的替代文本。

cheched

checked

规定此input元素首次加载时应当被选中。

disable

disabled

当input元素加载时禁止用此元素。

maxlength

number

规定输入字段中的字符的最大长度。

name

field_name

定义input元素的名称。

readonly

readonly

规定输入字段为只读。

size

number_of_char

规定输入字段的宽度。

src

URL

定义以提交按钮形式显示的图像URL。

 

 

 

 

type

button

 

 

 

 

 

规定input元素的类型。

checkbox

file

hiddlen

image

password

radio

reset

submit

text

Input标签的可用属性

值

描述

button

定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）。

checkbox

定义复选框。

file

定义输入字段和“浏览”按钮共文件上传。

hidden

定义隐藏的输入字段。

image

定义图形形式的提交按钮。

password

定义密码字段。

radio

定义单选按钮

reset

定义重置按钮。重置按钮会清除表当中的所有数据。

submit

定以提交按钮。提交按钮会把表单数据发送到服务器。

text

定义单行的输入字段，用户可在其中输入文本。、默认宽度为20个字符。

Type=button、reset、submit：定义按钮上显示的文本。

Type=text、password、hidden：定义输入字段的初始值。

Type=checkbox、redio、image：定义与输入相关联的值。

accept：只能与<input type=”file”>配合使用，规定能够通过文件上传进行提交的文件类型，

当表示成accept=“image/*，表示不限制图像的格式。

Input标签的src属性：

Src属性只能且必须与<input type=”image”>配合使用，它规定作为提交按钮现实的图像的URL；

URL的描述：

作为提交按钮使用的图像的URL。

可能的值：

绝对URL：指向另一个站点（比如src=“www.expo2010.cn”）；

相对URL：指向网站内的文件（比如src=“submit.gif”）。

Textarea：定义多行的文本输入控件，文本区中可容纳无线数量的文本，其中的文本的默认字体是等宽字体（通常是courier）

Texterea的必需属性

属性

值

描述

cols

number

规定文本区内的可见宽度。

rows

number

规定文本区内的可见行数。

可以通过wrap属性设置文本输入区的换行模式。

Texterea的可选属性

 

wrap

wrap

浏览器会将它们按照键入时的状态发送给服务器

virtual

自动换行，但传入服务器后，需按enter键换行

paysical

自动换行，并以这种形式传入服务器

disabled

disabled

规定禁用该文本区

name

name_of_textarea

规定文本区的名称

readonly

readonly

规定文本区为只读

Label标签：为input元素定义标注（标记），当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。如

<input type="radio" name="xb" id="男" />

<label for="男">男</label>

<input type="radio" name="xb" id="女" />

<label for="女">女</label>

Label标签

For

Element_id

规定label与那个表单元素绑定。

Fieldset元素可将表单内的元素分组，将表单内的元素内容一部分打包，它们可以生成一组相关表单字段。

当一组表单元素放到fieldset标签內时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者甚至可创建一个子表单来处理这些元素。

Legend标签为fieldset元素定义标题。

如：

<fieldset>

       <legend>健康信息</legend>

    <form>

           <label>身高：

               <input type="text" />

        </label>

        <label>体重：

               <input type="text" />

        </label>

    </form>

</fieldset>

Option元素定义下拉列表中的一个选项（一个条目），浏览器将option标签中的内容作为select标签的菜单或是滚动列表中的一个元素显示，option元素位于select元素内部，如果列表项很多，可以使用optgroup标签对相关选项进行组合。

Option标签可选属性

属性

值

描述

disabled

disabled

规定此选项应在首次加载时被禁用

label

text

定义当使用optgroup时所使用的标注。

selected

selected

规定选项（在首次显示在列表中时）表现为选中状态。

value

text

定义送往服务器的选项值。

Optgroup元素用于组合选项。当使用一个长的列表时，对相关的选项进行组合会是处理更加容易。

如：

<select>

       <optgroup label="行政单位">

           <option value="教务处">教务处</option>

        <option value="人事处">人事处</option>

    </optgroup>

    <optgroup label="教学单位">

           <option value="数学系">数学系</option>

        <option value="信息学院">信息学院</option>

    </optgroup>

</select>

Optgroup标签属性

Label

Text

为选项组规定描述

必需属性

Disabled

Disabled

规定禁用该选项组

可选属性

Button标签定义一个按钮。在button内部可放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。<button>与<input type=”button”>相比，提供了更为强大的功能和更丰富的内容，其中包括任何可接受的正文内容。

Button标签可选属性

属性

值

描述

disabled

disabled

规定禁用此按钮

<button type="button" disabled="disabled">Click Me!</button>

name

button_name

规定按钮的名称。

<form action="demo_button_name.asp" method="get">

  Choose your favorite subject:

  <button name="subject" type="submit" value="HTML">HTML</button>

  <button name="subject" type="submit" value="CSS">CSS</button>

</form>

 

type

button

 

规定按钮的类型

<form action="form_action.asp" method="get">

  First name: <input type="text" name="fname" />

  Last name: <input type="text" name="lname" />

  <button type="submit" value="Submit">Submit</button>

  <button type="reset" value="Reset">Reset</button>

</form>

reset

submit

autofocus

autofocus

规定当页面加载时按钮应当自动地获得焦点。

<button type="button" autofocus="autofocus">点击这里</button>

form

form_name

规定按钮属于一个或多个表单。

<button type="submit" form="nameform" value="Submit">提交</button>

formaction

url

覆盖 form 元素的 action 属性。

注释：该属性与 type="submit" 配合使用

<form action="demo_form.asp" method="get">

First name: <input type="text" name="fname" />

Last name: <input type="text" name="lname" />

<button type="submit">提交</button><br />

<button type="submit" formaction="demo_admin.asp">以管理员身份提交</button>

</form>

formenctype

见注释

覆盖 form 元素的 enctype 属性。

注释：该属性与 type="submit" 配合使用

<form action="demo_post_enctype.asp" method="post">

First name: <input type="text" name="fname" /><br />

<button type="submit" >提交</button>

<button type="submit" formenctype="multipart/form-data">

以 Multipart/form-data 类型提交</button>

</form>

formmethod

get

post

覆盖 form 元素的 method 属性。

注释：该属性与 type="submit" 配合使用。

<form action="demo_form.asp" method="get">

  First name: <input type="text" name="fname" />

  Last name: <input type="text" name="lname" />

<button type="submit" >提交</button>

<button type="submit" formmethod="post" formaction="demo_post.asp">

使用 POST 来提交</button>

</form>

formnovalidate

formnovalidate

覆盖 form 元素的 novalidate 属性。

注释：该属性与 type="submit" 配合使用。

<form action="demo_form.asp" method="get">

E-mail: <input type="email" name="userid" /><br />

<button type="submit" >提交</button><br />

<button type="submit" formnovalidate="formnovalidate">进行没有验证的提交</button>

</form>

formtarget

_blank

_self

_parent

_top

framename

覆盖 form 元素的 target 属性。

注释：该属性与 type="submit" 配合使用。

<form action="demo_form.asp" method="get">

  First name: <input type="text" name="fname" />

  Last name: <input type="text" name="lname" />

<button type="submit" >提交</button>

<button type="submit" formtarget="_blank">提交到新窗口</button>

</form>

value

text

规定按钮的初始值。可由脚本进行修改。

<form action="demo_button_name.asp" method="get">

  Choose your favorite subject:

  <button name="subject" type="submit" value="HTML">HTML</button>

  <button name="subject" type="submit" value="CSS">CSS</button>

</form>

HTML <meta> 标签

content

some_text

定义与 http-equiv 或 name 属性相关的元信息

<meta http-equiv="charset" content="iso-8859-1">

http-equiv

content-type

expires

refresh

set-cookie

把 content 属性关联到 HTTP 头部。

<meta http-equiv="charset" content="iso-8859-1">

<meta http-equiv="expires" content="31 Dec 2008">

name

author

description

keywords

generator

revised

others

把 content 属性关联到一个名称。

<meta name="keywords" content="HTML,ASP,PHP,SQL">

scheme

some_text

定义用于翻译 content 属性值的格式

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

代码

描述

备注

<title>…</title>

定义文档标题

 

<h1>to<h6>

定义标题1到标题6

 

<p>…</p>

定义段落

 

<a>…</a>

定义标签

 

<br />

定义换行

 

<hr>

定义水平线

 

<!-- …-->

定义注释

 

<a href=”地址”>…</a>

定义超链接

 

<body bgcolor=”…”>

定义整个窗体背景颜色

 

<img src=”地址” />

定义图片

 

<span>…</span>

组合行内元素，和其他标签搭用

 

<div>…</div>

把文档分割成独立的不同的部分，可以用id或clas来标记

 

<b>…</b>

文本是粗体

 

<strong>…</strong>

文本是加重

 

<big>…</big>

文本是大号字体

 

<em>…</em>

文本是着重文字

 

<i>…</i>

文本是斜体

 

<small>…</small>

文本是小号字

 

<del>…</del>

删除文本

 

<ins>…</ins>

插入文本

 

M<sup>3</sup>

定义上标：

 

L<sub>2</sub>

定义下标：

 

<code>…</code>

定义计算机代码

 

<kdb>…</kdb>

定义键盘码

 

<samp>…</samp>

定义计算机代码样本

 

<tt>…</tt>

定义打字机代码

 

<var>…</var>

定义变量

 

<pre>…</pre>

预定义格式

 

<abbr title=”…”>…</abbr>

定义缩写，如：United King为UK

 

<acronym title=”…”>…</acronym>

定义首字母缩写，如：WWW

 

<address>…</address>

定义地址

 

<dbo>…</dbo>

定义文字方向（倒叙输出）

 

<blockquote>…</blockquote>

定义长的引用

 

<q>…</q>

定义短的引用（产生双引号引上）

 

<ol>…</ol>

定义有序列表

 

<ul>…</ul>

定义无序列表

 

<li>…</li>

定义列表项

 

<dl>…</dl>

定义定义列表

 

<dt>…</dt>

定义定义项目

 

<dd>…</dd>

定义定义的描述

 

disc

默认值，实心圆

 

circle

空心圆

 

square

实心方块

 

超链接

chaeset

字符集名称，规定目标URL的字符编码

href

URL，链接的目标URL

name

Section_name,规定锚的名称

type

MIME编码类型，规定目标URL的MIME类型

 

 

targer

_blank

 

 

定义在什么窗口打开被链接的文档

_parent

_shelf

_top

framename

最常用的字符实体

显示结果

描述

实体名称

实体编号

 

空格

&nbsp;

&#160;

< 

小于号

&it;

 

> 

大于号

&gt;

 

&

和号

&amp;

 

“

引号

&quote;

 

‘

撇号

&apos;(IE不支持)

 

¢

分

&cent;

&#162;

£

镑

&pound;

 

¥

日圆

&yen;

 

§

节

&sect;

 

©

版权

&copy;

 

®

注册商标

&reg;

 

×

乘号

&times;

 

÷

除号

&divide;

 

热点工具：

选中图片后，在属性栏中选择地图下面的图形选择热点，注意，这里的id必须是唯一的，要是有多个热点的话，连接目标为点击热点后连接的文件或文件夹，目标为连接后的打开方式。

导入音频：插入—>媒体—>插件—>音频文件—>确定

导入视频：插入—>媒体—>SWF、FLV…

使用表格

表格

描述

 

<table>

定义表格

 

<caption>

定义表格标题

 

<th>

定义表格的表头

 

<tr>

定义表格的行

 

<td>

定义表格的单元

 

<thead>

定义表格的页眉

 

<tbody>

定义表格的主体

 

<tfoot>

定义表格的页脚

 

<col>

定义用于表格列的属性

 

<coolgroup>

定义表格列的组

 

一个基本的表格结构如下：

源代码：

<table>

<caption></caption>

<thead>

       <tr>

           <th></th>

    </tr>

</thead>

<tfoot>

       <tr>

           <th></th>

    </tr>

</tfoot>

<tbody>

       <tr>

           <th></th>

    </tr>

</tbody>

</table>

Table标签可选属性

属性

值

描述

Border

Pixels

规定表格边框的宽度

Cellpadding

Pixels%

规定单元边沿与其内容之间的空白

Cellspacing

Pixels%

规定单元格之间的空白

Width

%pixels

规定表格的宽度

<tr>标签：定义表格行的内容，它包含一个或多个th或td

 

align

Right

 

 

定义表格行的内容对其方式

Left

Center

Justify

Char

 

valign

Top

 

规定表格中内容的垂直对其方式

Middle

bottom

baseline

<td>标签可选属性

 

 

Align

Left

 

 

规定单元格内容的水平对齐方式

Right

Center

Justify

Char

Colspan

Number

规定单元格的横跨列数

Rowspan

Number

规定单元格可横跨行数

 

valign

Top

 

规定单元格内容的垂直排列方式

Middle

Bottom

baseline

<col>标签可选属性

 

 

Align

Left

 

 

规定与col元素相关的内容的水平对其方式

Right

Center

Justify

Char

span

number

规定col元素应该横跨的列数

 

valign

Top

 

定义与col元素相关的内容的垂直对其方式

Middle

Bottom

baseline

 

width

Pixels

 

规定col元素的宽度

%

Relative_length

<colgroup>标签：

1、用于对表格中的列进行组合，以便对其进行格式化；

2、使用span属性可以指定colgroup定义的表格列数，该属性缺省为1；

3、最好为colgroup标签天机class属性，这样就可以使用CSS来负责对其方式、宽度和颜色等；

Col与colgroup区别：

1、Col指定基于列的表格默认属性，嵌套的col属性将覆盖colgroup属性；

2、Col元素可以出现在colgroup元素之外，这两个元素可用于类似的目的。

注：

若在colgroup中嵌套了col元素，则应该避免杂colgroup中使用span标签属性。这是因为属于嵌套的col元素的span标签属性将覆盖colgroup元素中的标签属性。这可能引起代码的混乱及可能并非所愿的结果。

使用表单进行交互

 

 

 

 

 

表单

标签

描述

<form>

定义供用户输入的表单

<input>

定义输入域

<textarea>

定义文本域（一个多行的输入控件）

<label>

定义一个控制的标签

<fieldset>

定义域

<legend>

定义域的标题

<select>

定义一个选择列表

<optgroup>

定义选项组

<option>

定义下拉列表中的选项

<button>

定义一个按钮

form标签

属性

值

描述

action

URL

规定当提交表单时，向何处发送表单数据（必需属性）

accept

MIME_type

规定通过文件上传来提交的文件类型

enctype

MIME_type

规定表单数据在发送到服务器之前应该如何编码

method

Get

规定如何发送表单数据

Post

 

 

target

_blank

 

 

规定在何处打开action URL

_parent

_shelf

_top

_framename

URL：向何处发送表单数据，可能的值：

绝对URL：指向其它站点，（比如src=”www.exmaple.com/example.htm”）；

相对URL：指向站内点的文件（比如src=”example.htm）

method

get

表单数据可以作为URL变量（method=“get”）或者HTTP post（method=“post”）的方式来发送。（发送较长数据时不用get）

post

模板表单：

<form action="xhtml(form_action).html" method="get">

       <span>姓名：</span>

    <input type="text" name="xm" id="xm" />

    <span>单位：</span>

    <input type="text" name="dw" id="dw" />

    <input type="submit" value="提交" />

</form>

Input标签可选属性

属性

值

描述

accept

minme_type

规定通过文件上传来提交的文件类型。

 

 

align

left

 

 

赞成使用。规定图像输入的对齐方式。

right

top

middle

bottom

alt

text

定义图像输入的替代文本。

cheched

checked

规定此input元素首次加载时应当被选中。

disable

disabled

当input元素加载时禁止用此元素。

maxlength

number

规定输入字段中的字符的最大长度。

name

field_name

定义input元素的名称。

readonly

readonly

规定输入字段为只读。

size

number_of_char

规定输入字段的宽度。

src

URL

定义以提交按钮形式显示的图像URL。

 

 

 

 

type

button

 

 

 

 

 

规定input元素的类型。

checkbox

file

hiddlen

image

password

radio

reset

submit

text

Input标签的可用属性

值

描述

button

定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）。

checkbox

定义复选框。

file

定义输入字段和“浏览”按钮共文件上传。

hidden

定义隐藏的输入字段。

image

定义图形形式的提交按钮。

password

定义密码字段。

radio

定义单选按钮

reset

定义重置按钮。重置按钮会清除表当中的所有数据。

submit

定以提交按钮。提交按钮会把表单数据发送到服务器。

text

定义单行的输入字段，用户可在其中输入文本。、默认宽度为20个字符。

Type=button、reset、submit：定义按钮上显示的文本。

Type=text、password、hidden：定义输入字段的初始值。

Type=checkbox、redio、image：定义与输入相关联的值。

accept：只能与<input type=”file”>配合使用，规定能够通过文件上传进行提交的文件类型，

当表示成accept=“image/*，表示不限制图像的格式。

Input标签的src属性：

Src属性只能且必须与<input type=”image”>配合使用，它规定作为提交按钮现实的图像的URL；

URL的描述：

作为提交按钮使用的图像的URL。

可能的值：

绝对URL：指向另一个站点（比如src=“www.expo2010.cn”）；

相对URL：指向网站内的文件（比如src=“submit.gif”）。

Textarea：定义多行的文本输入控件，文本区中可容纳无线数量的文本，其中的文本的默认字体是等宽字体（通常是courier）

Texterea的必需属性

属性

值

描述

cols

number

规定文本区内的可见宽度。

rows

number

规定文本区内的可见行数。

可以通过wrap属性设置文本输入区的换行模式。

Texterea的可选属性

 

wrap

wrap

浏览器会将它们按照键入时的状态发送给服务器

virtual

自动换行，但传入服务器后，需按enter键换行

paysical

自动换行，并以这种形式传入服务器

disabled

disabled

规定禁用该文本区

name

name_of_textarea

规定文本区的名称

readonly

readonly

规定文本区为只读

Label标签：为input元素定义标注（标记），当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。如

<input type="radio" name="xb" id="男" />

<label for="男">男</label>

<input type="radio" name="xb" id="女" />

<label for="女">女</label>

Label标签

For

Element_id

规定label与那个表单元素绑定。

Fieldset元素可将表单内的元素分组，将表单内的元素内容一部分打包，它们可以生成一组相关表单字段。

当一组表单元素放到fieldset标签內时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者甚至可创建一个子表单来处理这些元素。

Legend标签为fieldset元素定义标题。

如：

<fieldset>

       <legend>健康信息</legend>

    <form>

           <label>身高：

               <input type="text" />

        </label>

        <label>体重：

               <input type="text" />

        </label>

    </form>

</fieldset>

Option元素定义下拉列表中的一个选项（一个条目），浏览器将option标签中的内容作为select标签的菜单或是滚动列表中的一个元素显示，option元素位于select元素内部，如果列表项很多，可以使用optgroup标签对相关选项进行组合。

Option标签可选属性

属性

值

描述

disabled

disabled

规定此选项应在首次加载时被禁用

label

text

定义当使用optgroup时所使用的标注。

selected

selected

规定选项（在首次显示在列表中时）表现为选中状态。

value

text

定义送往服务器的选项值。

Optgroup元素用于组合选项。当使用一个长的列表时，对相关的选项进行组合会是处理更加容易。

如：

<select>

       <optgroup label="行政单位">

           <option value="教务处">教务处</option>

        <option value="人事处">人事处</option>

    </optgroup>

    <optgroup label="教学单位">

           <option value="数学系">数学系</option>

        <option value="信息学院">信息学院</option>

    </optgroup>

</select>

Optgroup标签属性

Label

Text

为选项组规定描述

必需属性

Disabled

Disabled

规定禁用该选项组

可选属性

Button标签定义一个按钮。在button内部可放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。<button>与<input type=”button”>相比，提供了更为强大的功能和更丰富的内容，其中包括任何可接受的正文内容。

Button标签可选属性

属性

值

描述

disabled

disabled

规定禁用此按钮

<button type="button" disabled="disabled">Click Me!</button>

name

button_name

规定按钮的名称。

<form action="demo_button_name.asp" method="get">

  Choose your favorite subject:

  <button name="subject" type="submit" value="HTML">HTML</button>

  <button name="subject" type="submit" value="CSS">CSS</button>

</form>

 

type

button

 

规定按钮的类型

<form action="form_action.asp" method="get">

  First name: <input type="text" name="fname" />

  Last name: <input type="text" name="lname" />

  <button type="submit" value="Submit">Submit</button>

  <button type="reset" value="Reset">Reset</button>

</form>

reset

submit

autofocus

autofocus

规定当页面加载时按钮应当自动地获得焦点。

<button type="button" autofocus="autofocus">点击这里</button>

form

form_name

规定按钮属于一个或多个表单。

<button type="submit" form="nameform" value="Submit">提交</button>

formaction

url

覆盖 form 元素的 action 属性。

注释：该属性与 type="submit" 配合使用

<form action="demo_form.asp" method="get">

First name: <input type="text" name="fname" />

Last name: <input type="text" name="lname" />

<button type="submit">提交</button><br />

<button type="submit" formaction="demo_admin.asp">以管理员身份提交</button>

</form>

formenctype

见注释

覆盖 form 元素的 enctype 属性。

注释：该属性与 type="submit" 配合使用

<form action="demo_post_enctype.asp" method="post">

First name: <input type="text" name="fname" /><br />

<button type="submit" >提交</button>

<button type="submit" formenctype="multipart/form-data">

以 Multipart/form-data 类型提交</button>

</form>

formmethod

get

post

覆盖 form 元素的 method 属性。

注释：该属性与 type="submit" 配合使用。

<form action="demo_form.asp" method="get">

  First name: <input type="text" name="fname" />

  Last name: <input type="text" name="lname" />

<button type="submit" >提交</button>

<button type="submit" formmethod="post" formaction="demo_post.asp">

使用 POST 来提交</button>

</form>

formnovalidate

formnovalidate

覆盖 form 元素的 novalidate 属性。

注释：该属性与 type="submit" 配合使用。

<form action="demo_form.asp" method="get">

E-mail: <input type="email" name="userid" /><br />

<button type="submit" >提交</button><br />

<button type="submit" formnovalidate="formnovalidate">进行没有验证的提交</button>

</form>

formtarget

_blank

_self

_parent

_top

framename

覆盖 form 元素的 target 属性。

注释：该属性与 type="submit" 配合使用。

<form action="demo_form.asp" method="get">

  First name: <input type="text" name="fname" />

  Last name: <input type="text" name="lname" />

<button type="submit" >提交</button>

<button type="submit" formtarget="_blank">提交到新窗口</button>

</form>

value

text

规定按钮的初始值。可由脚本进行修改。

<form action="demo_button_name.asp" method="get">

  Choose your favorite subject:

  <button name="subject" type="submit" value="HTML">HTML</button>

  <button name="subject" type="submit" value="CSS">CSS</button>

</form>

HTML <meta> 标签

content

some_text

定义与 http-equiv 或 name 属性相关的元信息

<meta http-equiv="charset" content="iso-8859-1">

http-equiv

content-type

expires

refresh

set-cookie

把 content 属性关联到 HTTP 头部。

<meta http-equiv="charset" content="iso-8859-1">

<meta http-equiv="expires" content="31 Dec 2008">

name

author

description

keywords

generator

revised

others

把 content 属性关联到一个名称。

<meta name="keywords" content="HTML,ASP,PHP,SQL">

scheme

some_text

定义用于翻译 content 属性值的格式

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
posted @ 2018-06-02 00:06  航松先生  阅读(228)  评论(0)  编辑  收藏  举报