HTML标签

2013-06-17 22:43:12 -0400
by笑忘书
html常用标签
<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本
<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字
<SUB></SUB> 下标字
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style ='font-size:100 px'>...</font>无限增大

◆格式标志◆

<p></p> 创建一个段落
<p align=""> 将段落按左、中、右对齐
<br>换行 插入一个回车换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,
若在<ol></ol>之间则每个列表项加上一个数字,
若在<ul></ul>之间则每个列表项加上一个圆点
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行
<hr size='9' width='80%' color='ff0000'>水平线(设定宽度)
<center></center> 水平居中

◆链接标志表格标志◆

<a href="URL"></a> 创建超文本链接
<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系

◆链接标记注解◆

target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top)
rel="..."发送链接的类型
rev="..."保存链接的类型
accesskey="..."指定该元素的热键
shape="..."允许我们使用已定义的形状定义客户端的图形镜象(default,rect,circle,poly)
coord="..."使用象素或者长度百分比来定义形状的尺寸
tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

◆表格标记注解◆
<table></table> 创建一个表格
<tr></tr> 表格中的每一行
<td></td> 表格中一行中的每一个格子
<th></th> 设置表格头:通常是黑体居中文
<table cellspacing=""> 设置表格格子之间空间的大小
<table border=""> 设置边框的宽度
<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小
<table width=""> 设置表格的宽度。用绝对象素值或总宽度的百分比
<table align=""> 设置表格格子的水平对齐方式(left,center,right,justify)
<tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify)
<tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top)
<td colspan=""> 设置一个表格格子跨占的列数(缺省值为1)
<td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1)
<td nowrap> 禁止表格格子内的内容自动断行
<CAPTION></CAPTION> 表格的标题
<COLGROUP></COLGROUP> 定义多个列为一组列
<TABLE></TABLE> 创建一个表格
<THEAD></THEAD> 定义表格的页眉
<COL> 定义一个列组中的列,以便对它们能够同时设置有关属性
<TBODY></TBODY> 定义一个表格的实体
<TFOOT></TFOOT> 定义一个表格的页脚
<form></form> 创建表单
action="..."接收数据的服务器的URL
method="..."HTTP的方法(get, post)。其中get是被反对使用的
enctype="..."指定MIME(Internet媒体类型)
onsubmit="..."当提交表单时发生的内部事件
noreset="..."在重新设置表单时发生的内部事件
target="..."决定把内容显示在什么地方(_blank, _parent, _self, _top)
<select multiple name="name" size=""></select> 创建滚动菜单,size设置在需要滚动前可以看到的表单项数目
<option> 设置每个表单项的内容
<select name="name"></select> 创建下拉菜单
<textarea name="name" cols=40 rows=8></textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度
<input type="checkbox" name="name"> 创建一个复选框,文字在标签后面
<input type="radio" name="name" value=""> 创建一个单选框,文字在标志后面
<input type=text name="foo" size=20> 创建一个单行文本输入区域,size设置以字符串的宽度中国站长第一门户
<input type="submit" value="name"> 创建提交(submit)按钮
<input type="image" border=0 name="name" src="name.gif"> 创建一个使用图象的提交(submit)按钮
<input type="reset"> 创建重置(reset)按钮
<BUTTON></BUTTON>创建一个按钮
disabled="..."把按钮的状态设置为不能
name="..."按钮的控制名
value="..."按钮的值
type="..."按钮的类型(button, submit, reset)
<FIELDSET></FIELDSET> 把相互关联的控件组合成一组
<ISINDEX> 提示用户输入
<LABEL></LABEL> 为一个控件提供标签
<LEGEND></LEGEND> 为FIELDSET元素指定一标题
<SELECT></SELECT> 为用户做选择创建各个选项
<TEXTAREA></TEXTAREA> 创建一个允许用户多行输入的区域

◆表单注解∶◆type="..."用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)
name="..."控件的控制名(要求是除了submit和reset之外的任何名字)
value="..."控件的初始值
checked="..."把一个单选钮设置为选中的状态
disabled="..."把控件的状态设置为不能使用
readonly="..."只对输入密码的文本框使用
size="..."表示以象素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目
src="..."一个图象控件的URL
maxlength="..."指定可以输入的最多的字符数目
alt="..."另外一种文本描述
usemap="..."到客户端图形镜象的URL
align="..."被反对。控制对齐方式(left, center, right, justify)
tabindex="..."通过定义的tabindex值确定在不同元素之间获得焦点的顺序
onfocus="..."当元素获得焦点时发生的事件
onblur="..."当元素失去焦点时发生的事件
onselect="..."当元素被选中时发生的事件
onchang="..."当元素状态被改变时
«Newer      Older»
Comment:
Name:

Back to home

Subscribe | Register | Login | N