admin 管理员组

文章数量: 1184232


2024年7月3日发(作者：异步传输中所使用的方法)

常用HTML代码解释

一、文字

1.标题文字 文字 “#”可以填1~6；h1为最大字，h6为最小字

2.字体变化 文字

【1】字体大小 文字 “#”可填1~7；数字愈大字也愈大

【2】指定字型 文字

【3】文字颜色 文字

rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码

rrggbb也可用6位颜色代码数字

3.显示小字体 文字

4.显示大字体 文字

5.粗体字 文字

6.斜体字 文字

7.打字机字体 文字

8.底线 文字

9.删除线 文字

10.下标字 文字

11.上标字 文字

12.文字闪烁效果 文字

13.换行（也称回车）

14.分段

15.文字的对齐方向

#号可为 ：

left：表向左对齐（预设值）

center：表向中对齐

right：表向右对齐

例：

之后的文字都会以所设的对齐方式显示，直到出现另一个

align="#">改变其对齐方向，遇到

或标签时会自动设回预设的向左对齐。

16.分隔线

【1】分隔线的粗细

【2】分隔线的宽度

【3】分隔线对齐方向

#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐

【4】分隔线的颜色

【5】实心分隔线

17.居中对齐

文字

18.依原始样式显示 

文字

19.指令的属性

【1】背景颜色 -- bgcolor

【2】背景图案 -- background

【3】设定背景图案不会卷动 -- bgproperties

【4】文件内容文字的颜色 -- text

【5】超连结文字颜色 -- link

【6】正被选取的超连结文字颜色 -- vlink

【7】已连结过的超连结文字颜色 -- alink

20.文字移动指令文字

移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。

移动方向指令是：direction=# up向上、down向下、left向左、right向右。

例：文字

-----------------------------------------------------------------------------------

二、图片

1.插入图片

2.设定图框 -- border

3.设定图形大小 -- width、height

高度点数>

4.设定图形上下左右留空 -- vspace、hspace

空点数 hspace=左右留空点数>

5.图形附注

6.预载图片

P.S.两个图的图形大小最好一致;

7.影像地图（Image Map）

【1】定义形状 -- shape

shape=rect：矩形 shape=circle：圆形 shape=poly：多边形

【2】定义区域 -- coords

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：

b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：

c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：

href="URL">

-----------------------------------------------------------------------------------

三、表格相关

1.表格标题

文字

表格标题位置 -- align

#号可为 top：表标题置于表格上方（预设值） bottom：表

标题置于表格下方

2.定义列

3.定义栏位

《1》：靠左对齐

《2》：靠中对齐ⅱ粗体

【1】水平位置 -- align

#号可为 left：向左对齐 center：向中对齐 right：向右对齐

【2】垂直位置 -- align #号可为

top：向上对齐 middle：向中对齐 bottom：向下对齐

【3】栏位宽度 -- width

【4】栏位垂直合并 -- rowspan

【5】栏位横向合并 -- colspan

-----------------------------------------------------------------------------------

四、表格的主要属性

1.

标记的主要属性

align定义表格的对齐方式，有三个属性值center，left，right

background定义表格的背景图案，属性值为图片的地址

bgcolor定义表格的背景颜色，属性值是各种颜色代码

border定义表格的边框宽度，属性值是数字

bordercolor定义表格边框的颜色，属性值是各种颜色代码

cellpadding定义单元格内容与单元格边框之间的距离，属性值是数字

cellspacing定义表格中单元格之间的距离

height定义表格的高度，属性值是数字

width定义表格的宽度，属性值是数字

2.

标记，表格是由多行与多列组成的，标记用来定义表格的一行，他的属性

极其属性值定义的是表格中的该行，其主要属性与属性值如下：

align定义对齐方式，属性值与上同

background定义背景图案 bgcolor定义背景色

3.

标记。用标记概况起来的内容表示表格的单元。其主要属性与属性值和

标记的一样，补充两个合并列和行的代码：

colspan定义合并表格的列数，属性值是数字

rowspan定义合并表格的行数，属性值是数字

-----------------------------------------------------------------------------------

五、FRAME 框架

1、分割视窗指令 ..........

【1】垂直（上下）分割 -- rows

#号可为点数：

如欲分割为100,200,300三个视窗，则；

亦可以*号代表，如

百分比：如，各项总和最好为100%;

【2】水平（左右）分割 -- cols

2、指定视窗内容 --

【1】指定视窗的文件名称 -- src

【2】定义视窗的名称 -- name

【3】设定文件与上下边框的距离 -- marginheight

【4】设定文件与左右边框的距离 -- marginwidth

【5】设定分割视窗卷轴 -- scrolling

#号可为 yes：固定出现卷轴

no：不出现卷轴

auto：自动判断文件大小需不需要卷轴（预设值）

【6】锁住分割视窗的大小 -- noresize

-----------------------------------------------------------------------------------

六、歌曲代码:

在这组代码中，不必管它是，只要看尾缀是asf、wma、wmv、wmv、

rm都可适用下面的代码:

1. 手动播放:

autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">

2. 打开页面自动播放:

hidden="false" loop="infinite" align="middle" volume="100"

type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">

-----------------------------------------------------------------------------------

套用代码:

歌曲或音乐名称

介绍文字

type=audio/x-ms-wma autostart="true" loop="-1">

简易套用代码详解:

是定义帖子居中;

">

这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%"

height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定

义:width=图片宽度 height=图片高度

color="#FFFFFF">歌曲或音乐名称

是定义文字居中的，

是回行代码，加几个就会空几行。

face="华文彩云" size="6" color="#FFFFFF">是定义文字属性的。face="华文彩云"是定

义字体，你可以把字体换成隶书、宋体等。size="6"是定义字号的，数字越大字越大，如

果不定义，默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在

妙手饰图区有人发过，你可以找来改。

介绍文字

第一个括号里的代码仍然是定义图片和文字居中的。是插入图

片代码。介绍文字是定义这段文字的。如果想

改变字拧⒆痔濉⒆值难丈 烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font>

type=audio/x-ms-wma autostart="true" loop="-1">

这一段是插入播放器代码，因为我插的是特殊的播放器，style="FILTER: xray()" 是特

殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播

放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。

autostart="true" loop="-1"是定义音乐播放方式的，autostart="true"是设定手动或自

动播放，“true”或“1”是自动播放，“false”或“0”是手动播放；loop="-1"是播放

次数，“true”或“1”表示重复播放，“false”“-1”或“0”是只播放一次。

回行代码和与前面对应的固定代码。

type=audio/x-ms-wma autostart="true" loop="-1">

这一段是插入播放器代码，因为我插的是特殊的播放器，style="FILTER: xray()" 是特

殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播

放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。

autostart="true" loop="-1"是定义音乐播放方式的，autostart="true"是设定手动或自

动播放，“true”或“1”是自动播放，“false”或“0”是手动播放；loop="-1"是播放

次数，“true”或“1”表示重复播放，“false”“-1”或“0”是只播放一次。

回行代码和与前面对应的固定代码。

div 全称 division 意为“区分”，称为区隔标记。作用：设定字、画、表格等的摆放

位置。

使用 DIV 的方法跟使用其他 tag 的方法一样：

This is a DIV tag .

如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用

是一样的。

但当我们把 CSS-P 用到 DIV 中去以后，我么就可以严格设定它的位置。首先我们需

要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个

DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它， 比如说移动

它或改变它的一些性质等等。

This is a truck

是html的标记

Span元素不同于一般的HTML元素，它没有自己的显示内容和显示特性。只是一个

装载CSS信息的容器，用来定义一个由文本和HTML标签组成的信息块。

它是可以引用css样式的，一般的font不可以

div是指块文字，像你要定义一块文字可以用到它。另外做层的时候也经用到它，它

就是让一块东西集成为一个集合.

div标签可以以类或ID附加css样式

1.类

……

……

如果用id附加，那么css中应该首先创建这个ID：

如：

#abc .font {

font-family: Verdana, "宋体";

color: #FF00CC;

}

其中abc就是id

可以在abc这个id下建立很多css属性，这样所有在

……
这个标签中

的内容将遵循abc这个id下的css属性。

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、

表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，

它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

下面以一个实例来说明这两个属性的区别。

代码：

＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的

就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜

span＞标识符允许你将一个段落分成不同的部分。

还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部

分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的

前面及后面都引入了行分隔。

效果：

SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕

你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许

你将一个段落分成不同的部分。

还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与

SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分

隔。