或者

常用的HTML标签和属性

作者:月光边境 浏览:135 发布时间:2018-03-20
分享 评论 0

基本结构标签:

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

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

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

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

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

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

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

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

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

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

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

  表单标签:

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

  下边的标签放在表单内:

  <select>下拉选择框

  <option></option>

  </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=""

  基本标签:

  <html></html>,创建一个HTML文档;

  <head></head>,设置文档标题和其它在网页中不显示的信息;

  <title></title>,设置文档的标题;

  <h1></h1>,最大的标题;

  <h2></h2>

  <h3></h3>

  <h4></h4>

  <h5></h5>

  <h6></h6>

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

  <pre></pre>,预先格式化文本;

  <u></u>,下划线

  <b></b>,黑体字;

  <i></i>,斜体字;

  <tt></tt>,打字机风格的字体;

  <cite></cite>,引用,通常是斜体;

  <em></em>,强调文本(通常是斜体加黑体);

  <strong></strong>,加重文本(通常是斜体加黑体);

  <big></big>,字体加大;

  <SMALL></SMALL>,字体缩小;

  <STRIKE></STRIKE>,加删除线;

  <sup></ sup >,上标字;

  <sub></ sub >,下标字;

  <font,color=00ff00>...</font>字体颜色;

  <font,size=1>...</font>最小字体;

  <font,style,='font-size:100,px'>...</font>

  格式标签:

  <p></p>,创建一个段落;

  <p,align="">,将段落按左、中、右对齐; (left,right,center)

  <br>,换行,插入一个回车换行符;

  <ol></ol>,列表标签,定义一个标有数字的列表;

  <ul></ul>,列表标签,定义一个标有圆点的列表;

  <li>,放在每个列表项之前;

  放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点;

  <div,align=""></div>,分区标签,用来排版大块HTML段落,也用于格式化表;

  <hr,size='9',width='80%',color='ff0000'>水平线(设定宽度);

  <center></center>,水平居中.

  链接标签:

  <a,href="URL"></a>,创建超文本链接;

  <a,href="mailtEMAIL">

  </a>,创建自动发送电子邮件的链接;

  表单标签:

  <form></form>,创建表单;

  action="...",接收数据的服务器的URL;

  method="...",HTTP的方法(get,,post),其中get是被反对使用的;

  onsubmit="...",当提交表单时发生的内部事件;

  <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=" ">,创建一个使用图象的提交(submit)按钮;

  <input,type="reset">,创建重置(reset)按钮;

  <BUTTON></BUTTON>,创建一个按钮;

  disabled="...",把按钮的状态设置为不能;

  name="...",按钮的控制名,value="...",按钮的值;

  type="...",按钮的类型(button,,submit,,reset);

  表单标签注解:

  type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button);

  name="...",控件的控制名(要求是除了submit和reset之外的任何名字);

  value="...",控件的初始值;

  checked="...",把一个单选钮设置为选中的状态;

  disabled="...",把控件的状态设置为不能使用;

  readonly="...",只对输入密码的文本框使用;

  size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目;

  maxlength="...",指定可以输入的最多的字符数目;

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

  onfocus="...",当元素获得焦点时发生的事件;

  onblur="...",当元素失去焦点时发生的事件;

  onselect="...",当元素被选中时发生的事件;

  onchang="...",当元素状态被改变时发生的事件;

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

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

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

  对齐属性

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

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

  ALIGN=RIGHT,右对齐.

  色彩属性:

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

  BGCOLOR=#RRGGBB,背景色.

  <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>,设定卷动时间;

  <embed,src="…">多媒体文件标识

  属性:

  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为播放一次即停止.