您的位置：360文档中心› 常用HTML代码解释

常用HTML代码解释

常用HTML代码解释
常用HTML代码解释

常用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：表向右对齐

例：

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

改

变其对齐方向，遇到

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

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

5.图形附注说明文字

6.预载图片

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

7.影像地图（Image Map）

【1】定义形状-- shape

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

【2】定义区域-- coords

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

例：

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

例：

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

例：

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

三、表格相关

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

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

六、歌曲代码:

在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:

1. 手动播放:

2. 打开页面自动播放:

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

套用代码:




歌曲或音乐名称



介绍文字





简易套用代码详解:

是定义帖子居中;

这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度height=图片高度




歌曲或音乐名称

是定义文字居中的，
是回行代码，加几个就会空几行。是定义文字属性的。face="华文彩云"是定义字体，你可以把字体换成隶书、宋体等。size="6"是定义字号的，数字越大字越大，如果不定义，默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过，你可以找来改。



介绍文字


第一个括号里的代码仍然是定义图片和文字居中的。是插入图片代码。介绍文字是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font>

这一段是插入播放器代码，因为我插的是特殊的播放器，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”是只播放一次。




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

这一段是插入播放器代码，因为我插的是特殊的播放器，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.类

……

2.ID

……

如果用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元素的前面及后面都引入了行分隔。

HTML代码大全

HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 编辑本段HTML代码大全 1.结构性定义 文件类型 （放在档案的开头与结尾） 文件主题 （必须放在「文头」区块内） 文头 （描述性资料，像是「主题」） 文体 （文件本体） （由浏览器控制的显示风格） 标题 （从1到6，有六层选择） 标题的对齐 区分

区分的对齐
引文区块
（通常会内缩） 强调 （通常会以斜体显示） 特别强调 （通常会以加粗显示） 引文 （通常会以斜体显示） 码 （显示原始码之用） 样本 键盘输入 变数 定义 （有些浏览器不提供） 地址
大字 小字 与外观相关的标签（作者自订的表现方式） 加粗 斜体 底线 （尚有些浏览器不提供） 删除线 （尚有些浏览器不提供） 下标 上标 打字机体 （用单空格字型显示） 预定格式 
 （保留文件中空格的大小） 预定格式的宽度 
（以字元计算） 向中看齐 
 （文字与图片都可以） 闪耀  （有史以来最被嘲弄的标签） 字体大小 （从1到7） 改变字体大小 
网页设计试题及html代码
2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： … ：文字以粗体显示。 … ：文字显示为斜体。 … ：显示下划线。 … ：删除线。 … ：使文字大小相对于前面的文字增大一级。 … ：使文字大小相对于前面的文字减小一级。 … ：使文字成为前一个字符的上标。 …：使文字成为前一个字符的下标。 …：使文字显示为闪烁效果。 …：以等宽体显示西文字符。 …：输出引用方式的字体，通常是斜体。 …：强调文字，通常用斜体加黑体。 …：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如 标记。 【例2-4】字型设置标记的应用。 例如单标记
表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：
。 功能：设置网页中普通文字的显示效果。 格式：文字。 格式：标题内容。 属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。 段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式：
…
。 强制换行标记 功能：另起一行显示文字。 格式：
 插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式：
 1．无序列表 功能：设置无序列表。 格式：