html重置标签(html重置按钮属性)

http://www.itjxue.com  2023-01-28 09:08  来源:未知  点击次数: 

html中如何清空select标签中的值

html中清空select标签中的值方法如下:

准备材料:html+jquery、代码编辑器

1、新建一个html文件,命名为test.html,使用jquery清除select中的所有option。

2、在test.html文件内,使用select和option标签创建一个下拉选择框,代码如下:

3、在test.html文件内,设置select的id为myselect,用于下面通过该id获得select对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“清除所有option”。

5、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行deloption()函数。

6、在js标签中,创建deloption()函数,在函数内,通过id获得select对象,使用find()方法获得所有的option对象,使用remove()方法来实现删除所有option。

7、在浏览器打开test.html文件,

8、点击按钮,查看实现的效果。

HTML常用标签和属性

en英文

zh-CN中文

ja-jp日文

!-- -- 注释

p/p分段

br强制换行

ins/ins下划线

hr/水平线

strong/strong强调突出内容

em/em强调倾斜内容

del/del删除线

sub/sub下际

sup/sup上际

lt;大于号

gt;小于号

emsp;空格

trade;TM

reg;?

copy;?

amp;

yen;¥

deg;摄氏度

color=""水平线颜色

width=""水平线宽度

align=""水平线方向,left左,right右

noshade="noshade"水平线默认阴影消除

img? src=" " alt=" "

相对路径? ./ ../

绝对路径? 去网络里找图片链接

./是找同级或下级图片

../是找上级图片

src=""引入图片链接

alt=""当图片出现问题,可以提示一段文字

title=""鼠标悬停信息

width="? px"设定图片宽度

height="? px"设定图片高度

a href=""/a

href=""链接的地址

tltle=""悬停提示信息

target=""填入网址

target=""里包含_blank和_self

_blank在浏览器新窗口打开页面

_self在浏览器原窗口打开页面

img src=" alt"可以在图片里加链接

1.#号和id属性

在要跳转的文本位置前填上块元素,给块元素命名

div id=""/div

a href="#? ? "/a

2.#号和name属性

在要跳转的文本位置前在写一个

a name="? "/a

a herf="#? "/a

ul和li必须是组合出现的,他们之间是不能有其他标签的

ul

? li/li

/ul

ul/ul列表最外层容器

li/li列表项

type=""是改变前面标记样式(一般都是用css去控制 )

ul type=""li /li /ul

disc是实心圆? ? ? ? circle是空心圆

square是实心方块? ? none是空白可以随意发挥

ol和li必须是组合出现的,他们之间是不能有其他标签的

ol

li/li

/ol

ol/ol列表最外层容器

li/li列表项

type=""是改变前面标记样式(一般都是用css去控制

ol type="" start="" li /li /ol

1是数字? ? ? ? ? a是小写字母? ? ? ? A大写字母? ? i罗马数字小写? I罗马数字大写

start=""从哪个数字开始(取值只能是数字)

dl?

dt/dt?

dd/dd?

/dl

dl/dl列表最外层容器

dt/dt定义专业术语或名词

dd/dd对名词进行解释和描述

table/table表格最外层容器

tr/tr定义表格行

th/th定义表头

td/td定义表格单元

caption/caption定义表格标题

border=""表格边框

cellpadding=""单元格内的空间

cellspacing=""单元格之间的空间

rowspan=""合并行

colspan=""合并列

align=""单元格文字左右对齐方式

align:left、center、right

valign=""单元格文字上下对齐方式

valign:top、middle、bottom

form action=""

? ? input type="text"

/form

form/form表单最外层容器

action=""提交到一个地址

input标签用于搜集用户信息,根据不同的type属性值,展示不同的控件

? input type=""

? text普通文本密码框

? password密码输入框

? placeholdr提示文本

? button自定义按钮

? disabled禁用

? readonly只读

? submit提交按钮

? hidden是给后端带信息普通用户看不见 一般伴随(value)

? input type="image"src="/? ? "图片代替提交按钮

? reset重置按钮

2.checkbox复选框

? 加上checked会出现一个默认选择

? disabled禁止使用

3.radio单选框

? name="(写一个自定义的值)"通过name可以让两个或多个单选框变为一组(自定义的值要相同)

? 加上checked会出现一个默认选择

4.file上传文件

? multiple按住鼠标左键鼠标滑过可以多选

5.textarea多行文本框

? textarea? cols="30" rows="10"/textarea

? cols=""表示列

? rows=""表示行

? 可以通过调节行列改变大小

? resize重新设置大小(css)

? : vertical;垂直

? :horizontal;水平

? :both;默认

? :none;无法控制

6.? selectoption/option/select

? select下拉菜单

? size=""填入数字可以让下拉菜单显示多项

? multiple按住鼠标左键鼠标滑过可以多选

? option菜单里的选项传给后端要设置value值

? selected下拉菜单默认显示当前被选中的那一项

7. label for=""/label是一个辅助属性

? id和for要相同

? 拿3.做例子

? 正常点这个文字是选不中的

? input type="radio" name="gender"男

? input type="radio" name="gender"女

? 但是用上label后就可以了

? input type="radio" name="gender" id="man"label for="man"男/label

? input type="radio" name="gender" id="girl"label for="girl"女/label

fieldsetlegend/legend/fieldset

legend/legend缺口

1.div/div(块)用来划分区域

2.span/span(内联)对文字单独修饰

? style=""设计

? color颜色

? span style="color:? ? "/span

div和span都是没有任何默认样式的,需要配合css

audio src="? " /audio

controls控制栏

loop循环

autoplay自动播放

muted静音

video src="? "video

controls控制栏

loop循环

autoplay自动播放

muted静音

poster属性海报

section元素 表示页面中的一个内容区块(页面身体)

article元素 表示一块与上下文无关的独立的内容

aside元素 在article之外的,与article内容相关的辅助信息(侧边栏)

header元素 表示页面中一个内容区块或整个页面的标题(页面头部)

footer元素 表示页面中一个内容区快或整个页面的脚注(页面底部)

nav元素 表示页面中导游链接部分(页面导航栏)

figure元素 表示一段独立的流内容,使用figcaption元素为其添加标题(第一个获最后一个子元素的位置)

main元素 表示页面中的主要内容(ie不兼容)

form/form表单最外层容器

form action=""/form

action提交到一个地址

input/input标签用于搜集用户信息,根据不同的type属性值,展示不同的控件

input type=""

加上name是给后端的

type="color"生成一个颜色选择的表单

type="email"生成一个邮箱输入框

type="tel"换起拨号盘表单

type="search"产生一个搜索意义的表单

type="range"产生一个滑动条表单,支持min,max,value,step

(min最小值)

(max最大值)

(value设置默认)

(step移动数值)

type="number"产生一个数值表单,支持min,max,value,step

type="email"限制用户必须输入email类型

type="url"限制用户必须输入url类型

type="date"限制用户必须输入日期

type="month"限制用户必须输入月类型

type="week"限制用户必须输入周类型

type="time"限制用户必须输入时间类型

type="datetime-local"选取本地时间

input type="text" list="mylist"(list和id相连)

datalist id="mylist"(id自定义)

option value="手机"/option(这个是列表可以想写多少写多少)

/datalist

va lue自定义名称

autofocus自动获取焦点

required验证输入不能为空

multiple可以输入一个或多个值,每个值用逗号隔开

input type="email" multiple/还可用于file

pattern

将属性值设为某个正则表达式,在提交时会检查其内容是否合给定格式

input pattern="[0-9][A-Z][3]" title="输入内容:一个数与三个大写字母" placeholder="输入内容:一个数与三个大写字母"

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);

强制换行

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

属性:

face=字体

color=颜色

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

属性:

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

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

属性:

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

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

属性:

scrollamount=1~60,滚动速度

direction=|left|right|up|down|,滚动方向

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

P段落标识,

空格符,

img贴图标识

属性:

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

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

filter:样式表滤镜;

Alpha:透明滤镜,

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

style:样式2(0~3),

rules="none"不显示内框"

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

表单标签:

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

框架标签:

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

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

属性:

Cols=""

Rows=""

Frameborder=""

Framespacing=""

src=""

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

Noresize,框加大小不可变;

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

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

Target="",目标框架.

其他标签:

bgsound,背景音乐;

Src=""

Loop="",循环次数;

embed,媒体播放块;

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,上标字;

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="",将段落按左、中、右对齐;

,换行,插入一个回车换行符;

blockquote/blockquote,从两边缩进文本;

dl/dl,列表标签,定义列表;

dt,定义列表标题;

dd,定义列表内容;

例:

dl

dt标题1/dt

dd内容11/dd

dd内容12/dd

dt标题2/dt

dd内容21/dd

dd内容22/dd

/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="",设置页面的左边距.

html5常用标记总结

一、文本标签

1.1 标题标记:hn align=”对齐方式”标题文本/hn

注意:

1.标题准备了h1----h6的标题,按照字号依次递减(块级元素)

2.align表示对齐方式,其值为left,center,right

1.2 字体标记:font face=”字体名称” size=”字号” color=”字体颜色” 文字/font

注意:中文网页以黑体,宋体,3号字的效果显示

1.3 段落标记:p align=”对齐方式” 段落内容/p

注意:p可以作为单标记或双标记:

单标记:段落与上文产生一个空行的间距。

双标记:段落与上下文之间产生一个空行的间距

1.4 换行标记:

注意:br /表示换行,多次换行多次使用br /

1.5 预格式化标记:pre...../pre

注意:预格式化标记可将空格、制表符、回车符等忽略

1.6 转义字符:转义字符让特殊字符显示出来。

语法:实体名称;

二、列表标记

2.1 无序列表

ul type=”列表项的标签符”

li项目一/li

li项目二/li

li项目三/li

......

/ul

注意: type表示了项目符号:

disc(默认) 实心圆

circle:空心圆

square:实心方块

2.2 有序列表:

ol type=”列表项的标记符” start=”起始值”

li项目一/li

li项目二/li

li项目三/li

......

/ol

注意:1. 1:1,2,3,.......

a:a,b,c,d,e.......

A:A,B,C,D,E.......

i:i,ii,iii,iv......

I:I,II,III,IV......

2.start表示起始值,从第几个数开始计算

2.3 嵌套排列

ol type="1"

lih/li

lit/li

ul type="disc"

lim/li

lil/li

/ul

li5/li

/ol

2.4 分割线标记:hr align=”对齐方式” size=”水平线高度” width=”水平线宽度”

color=”水平线颜色”

三、超链接标记

3.1 文本链接:a href=”目标URL” target=”目标窗口”指针文本/a

注意: 1.href表示文本链接的目标资源的URL

绝对地址和相对地址

绝对地址:在任何情况下都可以找到的地址(例如:网址)

相对地址:必须知道当前所在,才能找到(../表示上一级目录,/表示下级目录)例子:../img/baidu.jpg 表示在当前位置的上一层目录下的img文件夹中的baidu.jpg 文件。

3.2 图片标记:img src=”图片文件路径” alt=”提示文本” height=”图片高度” width=”图片宽度”/

3.3 多媒体标记

3.3.1 滚动字幕标记:marquee可以实现文字或图片的跑马灯效果

marquee..../marquee

marquee的属性:

behavior 指定了跑马灯的效果:scroll(滚动)、slide(滑动)、alternate(交替)

bgcolor:跑马灯的背景颜色

direction:跑马灯的移动方向,left(左)、right(右)、up(上)、down(下)

scrolldelay:每次移动的延迟时间,单位毫秒

loop:跑马灯运行次数,-1表示无限循环

height、width

hspace:左右空白宽度

vspace:上下空白宽度

3.3.2 嵌入音乐文件

audio src=”文件地址” 提示文字/audio

3.3.3 嵌入视频文件

video src=”视频文件地址” controls=”controls”提示文字/video

四、表格

4.1 表格基本语法:

table

tr

......

td单元格内容/td

......

/tr

/table

注意:

table:声明一个表格对象

tr:声明一行

td:声明一个单元格

4.2 表格的基本属性

1.align 对齐方式:left、center、right

2.border:表格边框

3.bordercolor:边框颜色

4.bgcolor:表格背景颜色

5.background:背景图片

6.height、width

4.3 单元格合并

1.rowspan:所跨的行数

2.colspan:所跨的列数

五、表单

5.1 表单标签:form action=”URL” method=”get|post” target=”...”/form

注意:form:该标记中包含的数据将被提交到服务器或者电子邮件中

action:指定服务器端处理提交表单信息的程序是什么。URL地址或电子邮件地址

method:get/post:数据传输到服务器的传递方法

target:服务器返回文档结果的显示位置:_blank:在新的浏览器窗口中打开

_self:在当前浏览器中显示

5.2 表单标记

5.2.1 input标签:input type=”类型” name=”服务器 获取用户输入信息的名字” value=”初始值”

注意:1.type类型(输入类型):

1. text:单行文本框

2. password:密码输入框

3. radio:单选按钮 checked表示默认

4. checkbox:复选框 checked表示默认

5. submit:提交按钮

6. reset:重置按钮

7. button:普通按钮

2.maxlength:输入的最大长度

5.2.2 select标签

select name=”” size=”” multiple

option value=”选项1” 选项1

.......

option value=”选项n” 选项n

/select

注意:name:服务器 获取用户输入信息的名字

value :初始值

option:下拉框的内容

multiple:多选,若没有multiple则是单选

selected:表示默认选项

size:表示长度

5.2.3 textarea 标签:textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”

/textarea

注意: name:多行文本框的名称

cols:一行可容纳的字符数

rows:表示可显示额的行数

wrap:virtual和phycal控制自动换行

(责任编辑:IT教学网)

更多

推荐安全产品文章