HTML标签介绍

llhdf

浏览: 515764 次
性别:
来自: 北京

最近访客更多访客>>

xyz86868

云上太阳

yzlseu

一直撸狗

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Html

HTML 框架浏览器 JavaScript Windows

一、HTML文档头部

1、<meta>标签：位于HTML文档头部的<HEAD>标签和<TITLE>标签之间，提供用户不可见的信息。可分为两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。

使用方式：<meta http-equiv="类型" content="内容">

例：<meta http-equiv="content-type" content="text/html;charset=GB2132">

2、<title>标签：概括了网页的内容，让浏览者迅速了解网页的大意。

使用方式：<title>网页的标题</title>

二、文档体和段落

1、<body>标签：为HTML文档的正文部分

常用的属性：link--------设定页面默认的超链接颜色

alink------设定鼠标正在单击时的超链接颜色

vlink------设定访问后超链接文字的颜色

background-----设定页面背景图像

bgcolor---------设定页面背景颜色

leftmargin-------设定页面的左边距

topmargin-------设定页面的上边距

bgproperties-------设定页面背景图像为固定，不随页面的滚动而滚动

text------------ 设定页面文字的颜色

2、<br>标签：表示强制换行

3、<p>标签：表示段落标记，不但能使后面的文字换到下一行，还可以使两段之间多一空行。

使用方式：<p align="对齐方式">段落文字内容</p>

4、<hr>标签：用于在网页中插入一条水平线。

使用方式：<hr align=“对齐方式” size="横线精细" width="横线长度" color="横线颜色" noshade>

noshade:设定线条为平面显示，若缺省则有阴影和立体效果。

三、文字标签

1、<font>标签：用于设置网页中的文字显示的大小、字号、颜色等属性。

使用方式：<font size="数字" face="字体名" color=”颜色">被设置的文字</font>

2、<B>：加粗文字

3、<I>：将文字设置为斜体

4、<U>：将文字设为带下画线

5、<STRIKE>：将文字设为带删除线

6、<SUB>：将文字设为下标

7、<SUP>：将文字设为上标

四、列表

1、无序列表：

使用方式：<UL type="符号类型">

<LI type="符号类型1">第1个列表项

<LI type="符号类型2">第2个列表项

</UL>

type的取值为：disc(实心圆点）， circle(空心圆点)，square(方块)

也可以自设图片：<UL Img src="图片URL">

2、有序列表：

使用方式：<OL type="符号类型">

<LI type="符号类型1">第1个列表项

<LI type="符号类型2">第2个列表项

</OL>

type的取值为："1"（数字）、"A"（大写英文字母）、"a"（小写英文字母）、"I"（大写罗马字母）、"i"（小写罗马字母）

五、超链接：用于从一个网页跳转到另一个网页，点击超链接即进行跳转动作

使用方式：<a href="目标URL" name="链接名称字符串" target="打开窗口方式">

浏览器中显示的热点

</a>

打开窗口方式：_blank ：在新的浏览器窗口中显示目标URL中的内容

_parent ：将目标URL的内容显示在父框架窗口中

_self：在当前窗口中显示目标URL中的内容，为缺省值

_top ：将目标URL中的内容显示在没有框架的窗口中

”框架名称“：用在框架网页中，用于将目标URL中的内容显示在指定的柜框架中

发送电子邮件：<a href="mailto:Email地址">发送邮件的热点文本</a>

六、表格

1、<table>标签：

使用方式：<table border=n //定义表格边框的精细

width=x 或 x% //定义表格的宽度

height=y 或 y% //定义表格的高度

cellspacing=i //定义表项间隙

cellpadding=j //定义表项内部空白

</table>

2、<tr>标签：定义表格中的一行

<td>标签：定义表格中的一个表项

colspan属性：制作跨多列的表格

rowsapnn属性：制作跨多行的表格

七、图像

1、<img>标签：把一张图片加入到网页中的特定位置

使用方式：<img src="图片文件名" alt="简单说明" width="图片的宽度" height="图片的高度" border="边框宽度" hspace="水平方向空白" vspace="垂直方向空白" align="对齐方式">

八、表单

1、<form>标签与<input>标签

使用方式：<form action="网址" method="get | post">

</form>

表单项类型：text , password , checkbox , radio , hidden , submit , reset

x：指出单行文本区域的宽度

y：指出允许输入的最大字符数目

2、<select>标签与<option>标签

使用方式：<select size=x name="控件名称" multiple>

</select>

x：指出在带滚动条的选择栏中一次可见的列表项数

multiple：如有则表于可选多个选项，否则只能单选

select：表示该项是预置的（被选中）

3、<textarea>标签：可创建一个允许输入多行文本的文本框

使用方式：<textarea name="控件名称" rows="行数" cols="列数">

多行文本

</textarea>

九、框架：可用于在一个浏览器窗口中显示多个相互隔离的网页，所有框架标签需要放在一个总起的HTML文件中，只记录该框架如何划分，不会显示任何资料。

1、<frameset>标签与<frame>标签

使用方式：<frameset row="x" cols="y" border="像素数” bordercolor="颜色" frameborder="yes | no" framespacing="z">

</frameset>

marginwidth, marginheight：设置框架内容与左右上下边框的空白

noresize：如有则表示不允许各窗口改变大小，默认设置是允许各窗口改变大小

十、JavaScript中的事件处理

1、onblur事件：发生在窗口失去焦点的时候，应用于windows对象

2、onchange事件：发生在文本输入区的内容被更改，然后焦点从文本输入区移走之后，捕捉此事件主要用于实时检测输入的有效性，或者立刻改变文档内容，可用于password, select , text , textarea对象

3、onclick事件：发生在对象被单击的时候。可用于button, checkbox, image, link , radio, reset, submit对象

4、onfocus事件：发生在窗口得到焦点的时候。可用于window对象

5、onload事件：发生在文档全部下载完毕的时候。可用于window对象

6、onmousedown事件：发生在用户把鼠标放在对象上按下鼠标键的时候。可用于button, link对象

7、onmouseout事件：发生在鼠标离开对象的时候。可用于link对象

8、onmouseover事件：发生在鼠标进入对象范围的时候。可用于link对象

9、onmouserup事件：发生在用户把鼠标放在对象上刀杆键被按下的情况下，放开鼠标键的时候。可用于button, link对象

10、onreset事件：发生在表单的“重置”按钮被单击的时候，通过在事件处理程序中返回false可以阻止表单被重置。可用于form对象

11、onresize事件：发生在窗口被调整大小的时候，可用于window对象

12、onsubmit事件：发生在表单的“提交”按钮“被单击的时候，可以使用该事件来验证表单的有效性，通过在事件处理程序中返回false值可以阻止表单提交。可用于form对象

13、onunload事件：发生在用户退出文档的时候，应用于window对象

分享到：

2009-09-14 15:59
浏览 1851
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论