HTML标签及属性大全

基本结构标签:

<HTML>,表示该文件为HTML文件

<HEAD>,包含文件的标题,使用的脚本,样式定义等

<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中

</HEAD>,<HEAD>的结束标志

<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.

</BODY>,<BODY>的结束标志

</HTML>,<HTML>的结束标志

其它主要标签,以下所有标志用在<BODY></BODY>中:

<A,HREF="…"></A>,链接标志,"…"为链接的文件地址

<IMG,SRC="…">,显示图片标志,"…"为图片的地址

<BR>,换行标志

<P>,分段标志

<B></B>,采用黑体字

<I></I>,采用斜体字

<HR>,水平画线

<TABLE></TABLE>,定义表格,HTML中重要的标志

<TR></TR>,定义表格的行,用在<TABLE></TABLE>中

<TD></TD>,定义表格的单元格,用在<TR></TR>中

<FONT></FONT>,字体样式标志

属性:

属性是用来修饰标志的,属性放在开始标志内.

例:属性bgcolor="BLACK"表示背景色为黑色.

引用属性的例子:

<BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色;

<TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色.

常用属性:

对齐属性,范围属性:

ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.

ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.

ALIGN=RIGHT,右对齐.

色彩属性:

COLOR=#RRGGBB,前景色,参考色彩对照表.

BGCOLOR=#RRGGBB,背景色.

<center>表示绝对居中.

<table></table>表格标识的开始和结束.

属性:

cellpadding=数值单位是像素,定义表元内距

cellspacing=数值单位是像素,定义表元间距

border=数值单位是像素,定义表格边框宽度

width=数值单位是像素或窗口百分比,定义表格宽度

background=图片链接地址,定义表格背景图

<tr></tr>表格中一个表格行的开始和结束;

<td></td>表格中行内一个单元格的开始和结束

属性:

Colspan="",单元格跨越多列;

Rowspan="",单元格跨越多行;

Width="";定义表格宽度

Height="";定义表格高度

Align="";对齐方式

Valign="";

Border="",边框宽度;

Bgcolor="",背景色;

Bordercolor="",边框颜色;

Bordercolorlight="",边框明亮面的颜色;

Bordercolordark="",边框暗淡面的颜色;

Cellpadding="",内容与边框的距离(默认为2);

Cellspacing="",单元格间的距离(默认为2);

<br>强制换行

<font></font>文本标识的开始和结束

属性:

face=字体

color=颜色

<b></b>加粗文字标识的开始和结束

属性:

style=font-size:40pt;,用样式表方式控制字体大小,这里是40点

<div></div>,分区标识的开始和结束

属性:

align=|center|left|right|水平对齐方式

<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动

属性:

scrollamount=1~60,滚动速度

scrolldelay=滚动延时,单位:毫秒

<P>段落标识,

空格符,

<img>贴图标识

属性:

src=../../图片链接地址,贴图标识必备属性

style=filter:Alpha(opacity=100,style=2);

filter:样式表滤镜;

Alpha:透明滤镜,

opacity:不透明度100(0~100);

style:样式2(0~3),

rules="none"不显示内框"

属性:

SRC="../../FILENAME",

设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频.

AUTOSTART=TRUE/FALSE,

是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE

LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.

STARTIME="分:秒",

设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20

VOLUME=0-100,

设定音量的大小.如果没设定的话,就用系统的音量.

WIDTH,HEIGHT,

设定控制面板的大小,都设为0可隐藏播放器

HIDDEN=TRUE,

隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE,

设定控制面板的样子,

<bgsound,src="…">,背景音乐标识,只能用于.wav和.mp3格式.

属性:

LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.

表单标签:

<form></form>表格标识的开始和结束,表单的内容都放在这里.

下边的标签放在表单内:

<select>下拉选择框

</select>

属性:

Multiple,多选

<textarea></textarea>,大量文字输入的编辑块

属性:

Cols="",行;

Rows="",列;

<input,type="text">,文本框

<input,type="password">,密码框

<input,type="submit">,提交按扭

<input,type="checkbox">,复选框

<input,type="radio">,单选框

<input,type="reset">,重置按扭

<input,type="image">,图片按扭

<input,type="hidden">,隐藏域

<input,type="button">,按扭

<input,type="file">,浏览文件

公共属性:

Name="";

Value=""

Size=""

框架标签:

<FRAMESET>...</FRAMESET>,定义框架.

<FRAME>,放在框架标签内,定义每个框架的内容.

属性:

Cols=""

Rows=""

Frameborder=""

Framespacing=""

src=""

Scrolling="",滚动条(No,Yes);

Noresize,框加大小不可变;

Marginhight="",高度空余空间;

Marginwidth="",宽度空余空间;

Target="",目标框架.

其他标签:

<bgsound>,背景音乐;

Src=""

Loop="",循环次数;

Src=""

Loop="",循环次数;

<marquee></marquee>,滚动部分;

属性:

Bgcolor=""

Behavior,设置或获取文本如何在字幕中滚动.

Direction="",滚动方向;

Height=""

Width=""

Loop="",环次数;

scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.

scrollDelay="",设置或获取字幕滚动的速度.

scrollHeight="",获取对象的滚动高度;

scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.

scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.

trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.

,注释标记,在""之间的内容将不在浏览器中显示.

基本标签:

<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>,定义列表内容;

例:

<dl>

</dl>

<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="...",当元素状态被改变时发生的事件;

accept="...",允许上载的文件类型.

帧标签(框架标签):

<frameset></frameset>,放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中;

<frameset,rows="value,value">,定义一个帧内的行数,可用像素值或高度百分比;

<frameset,cols="value,value">,定义一个帧内的列数,可用像素值或宽度百分比;

<frame>,定义一个帧内的单一窗或窗区域;

<noframes></noframes>,定义在不支持帧的浏览器中显示什么提示;

<frame,src="URL">,规定帧内显示的HTML文档;

<frame,name="name">,命名帧或区域以便别的帧可以指向它;

<frame,marginwidth="">,定义帧左右边缘的空白大小,必须大于等于1;

<frame,marginheight="">,定义帧上下边缘的空白大小,必须大于等于1;

<frame,scrolling="">,设置帧是否有滚动栏,其值可以是"yes","no",或"auto";

<frame,noresize>,禁止用户调整一个帧的大小;

<IFRAME></IFRAME>,创建一个内联的帧;

scr="...",定义在帧中显示的内容的来源;

frameborder="...",定义帧之间的边界(0或1);

align="...",被反对,控制对齐方式(left,,center,,right,,justify);

height="...",帧的高度,width="..."帧的宽度;

<marquee>...</marquee>,普通卷动;

<marquee,behavior=slide>...</marquee>,滑动;

<marquee,behavior=scroll>...</marquee>,预设卷动;

<marquee,behavior=alternate>...</marquee>,来回卷动;

<marquee,direction=down>...</marquee>,向下卷动;

<marquee,direction=up>...</marquee>,向上卷动;

<marquee,direction=right></marquee>,向右卷动;

<marquee,direction='left'></marquee>,向左卷动;

<marquee,loop=2>...</marquee>,卷动次数;

<marquee,width=180>...</marquee>,设定宽度;

<marquee,height=30>...</marquee>,设定高度;

<marquee,bgcolor=FF0000>...</marquee>,设定背景颜色;

<marquee,scrollamount=30>...</marquee>,设定卷动距离;

<marquee,scrolldelay=300>...</marquee>,设定卷动时间;

<img,src="">,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框".

文档整体属性标签:

<body,bgcolor="">,设置背景颜色.使用名字或RGB的十六进制值;

<body,background="">,设置背景图片;

<body,bgsound="">,设置背景音乐;

<body,bgproperties="fixed">,固定背景图片(IE适用);

<body,text="">,设置文本颜色.使用名字或RGB的十六进制值;

<body,link="">,设置链接颜色.使用名,字或RGB的十六进制值;

<body,vlink="">,设置已使用的链接的颜色.使用名字或RGB的十六进制值;

<body,alink="">,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值;

<body,topmargin="">,设置页面的上边距;

<body,leftmargin="">,设置页面的左边距.

HTML标签及属性大全的更多相关文章

HTML常用标签和属性大全
html标签< <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑 ...
HTML元素（包括HTML5）的标签、属性及事件大全
1.标签列表标签描述 <!–…–> 定义注释. <!DOCTYPE> 定义文档类型. <a> 定义超链接. <abbr> 定义缩写. <acr ...
(转)TextView属性大全
TextView属性大全今天研究了TextView一天了,发现网上有一篇讲TextView属性的,非常全,收藏一下先. 发现TextView有一个比较大的问题,就是文字排版的问题,遇到数字,字母,符 ...
Android（java）学习笔记88：TextView属性大全
TextView属性大全: android:autoLink 设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接.可选值(none/web/email/ph ...
Android：layout属性大全
Android layout属性大全第一类:属性值 true或者 false android:layout_centerHrizontal 水平居中android:layout_centerVert ...
Android（java）学习笔记27：TextView属性大全
TextView属性大全: android:autoLink 设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接.可选值(none/web/email/ph ...
HTML CSS 属性大全
CSS 属性大全文字属性「字体族科」(font-family),设定时,需考虑浏览器中有无该字体. 「字体大小」(font-size),注意度量单位.<绝对大小>|<相对大小&g ...
HTML5的Video标签的属性,方法和事件汇总
<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...
php 内置支持的标签和属性
内置支持的标签和属性列表如下: 标签名作用包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合包括js css load别名) file,href,ty ...

随机推荐

【DataStrcutre】Introduction and description of Binary Trees
[Definitions] Here is the recursive definition of a binary tree: A binary tree is either the empty s ...
有趣的Java之调皮的浮点数
**当你在写一个电商网站的时候,你可能会给你的商品标价1.99,10.9这样的价格来吸引顾客.我应该用浮点数float/double来储存它们,当我的顾客购买商品的时候,从他们的账户里扣费,使用整型是 ...
直接插入排序、折半插入排序、shell插入排序
直接插入排序: 折半插入排序: shell插入排序:
Windows下如何安装 Composer
如何安装 Composer Windows下如何安装 Composer 下载 Composer 安装前请务必确保已经正确安装了 PHP.打开命令行窗口并执行 php -v 查看是否正确输出版本号. 打 ...
TP框架模板中默认值输出
TP框架模板中默认值输出我们可以给变量输出提供默认值,例如: {$user.nickname|default="这家伙很懒,什么也没留下"} 对系统变量依然可以支持默认值输出,例 ...
Google 收购 Android 十周年全面解读Android现状
--訪传智播客Android学科教学总监传智·平一指 Android以前是一家创立于旧金山的公司的名字,该公司于2005年8月份被Google收购,并从此踏上了飞速发展的道路.经过十年的发展,它已经发 ...
一个漂亮而强大的RecyclerView
代码地址如下:http://www.demodashi.com/demo/13470.html 简介主要提供了简单易用强大的RecyclerView库,包括自定义刷新加载效果.极简通用的万能适配器A ...
python selenium --滚动条处理
转自:http://www.cnblogs.com/fnng/p/3256563.html 本节重点: 控制滚动条到底部有时候我们需要控制页面滚动条上的滚动条,但滚动条并非页面上的元素,这个时候就需 ...
Oracle Report(Report 6i/RDF)使用全局变量fnd_global, fnd_frofile
注:本文为原创,作为学习交流使用,转载请标明作者及出处,作者保留追究法律责任的权力. Lumen Su lzsu1989#gmail.com (#=@) www.cnblogs.com/lzsu198 ...
STL容器分析--map
映射和多重映射基于某一类型Key的键集的存在,提供对T类型的数据进行快速和高效的检索.

HTML标签及属性大全

HTML标签及属性大全的更多相关文章

随机推荐

热门专题