html语言简单教程文字代码 [复制链接]

html语言教程文字代码

一、一般的文字代码：

<*P align=center><*FONT color=颜色 face=隶书 size=5>插入文字<*/FONT><*/P>


二、文字向左移动代码：

<*marquee directio=left><*font face=华文楷体 size=4 color==#ff0000>海阔天空<*/font><*/marquee>


三、文字向上滚动代码：

<*marquee direction=up scrollamount=2><*center><*font color="#ff0000" size="5" face="华文楷体">欢迎您来到海阔天空<*/font><*/marquee>


四、文字向下滚动代码：

<*marquee direction=down scrollamount=2><*center><*font color="#ff0000" size="5" face="华文楷体">希望大家认真看教程<*/font><*/marquee>

五、有背景的文字：

<*TABLE cellSpacing=0 cellPadding=0 align=center background=http://yyg.gslz.cn/ad/logo.gif>
<*TBODY>
<*TR>
<*TD style="FILTER: chroma(color=#336699)">
<*TABLE align=center bgColor=red>
<*TBODY>
<*TR>
<*TD align=middle>
<*P><*FONT style="FONT-SIZE: 100pt" face=文鼎花瓣体 color=#336699><*B>我<*/B><*/FONT><*/P>
<*P><*FONT style="FONT-SIZE: 100pt" face=文鼎花瓣体 color=#336699><*B>爱<*/B><*/FONT><*/P>
<*P><*FONT style="FONT-SIZE: 100pt" face=文鼎花瓣体 color=#336699><*B>海<*/B><*/FONT><*/P>
<*P><*FONT style="FONT-SIZE: 100pt" face=文鼎花瓣体 color=#336699><*B>阔<*/B><*/FONT><*/P>
<*P><*FONT style="FONT-SIZE: 100pt" face=文鼎花瓣体 color=#336699><*B>天<*/B><*/FONT><*/P>
<*P><*FONT style="FONT-SIZE: 100pt" face=文鼎花瓣体 color=#336699><*B>空<*/B><*/FONT><*/P>
<*/TD><*/TR><*/TBODY><*/TABLE><*/FONT><*/TD><*/TR><*/TBODY><*/TABLE>


六、有阴影的文字：

1.<*P align=center><*FONT style="FONT-SIZE: 30pt; FILTER: glow(color=#00FFFF); WIDTH: 100%; COLOR: #f8f8ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><*B>文字<*/B><*/FONT><*/P>

2.<*CENTER><*FONT style="FONT-SIZE: 20pt; FILTER: glow(color=#7CFC00); WIDTH: 100%; COLOR: yellow; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><*B>文字<*/B><*/FONT><*/CENTER>

3.<*CENTER><*FONT color=red style="FILTER: blur(add=1,direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; WIDTH: 500px">海阔天空<*/FONT><*/CENTER>

4.<*DIV align=center><*DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 530px"> <*FONT color=#FFFF00 face=隶书 size=7><*center><*BR> 海阔天空<*BR> 学习制作 休闲娱乐<*BR><*BR> <*BR><*BR> <*/div><*/div>


七、空心字的代码：

<*CENTER><*FONT style="COLOR: red; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">海阔天空<*/FONT><*/CENTER>


八、突出边框的代码：

1.<*CENTER><*FONT style="COLOR: red; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">海阔天空<*/FONT><*/CENTER>

2.<*center><*SPAN style='width:400;filter:glow(color=red,strength=2);color:white;font-size:20pt'><*FONT color=#000000 face=隶书 size=7>海阔天空 文字教程<*/FONT><*/SPAN><*/center>


九、五颜六色的字：

<*font color="#FF0000">海<*/font><*font color="#D52A00">阔<*/font><*font color="#AB5400">天<*/font><*font color="#817E00">空<*/font><*font color="#57A800">真<*/font><*font color="#2DD200">好<*/font>


十、环绕字：

<*SCRIPT language=javascript>function lib2bwcheck(){this.ver=navigator.appVersion;this.agent=navigator.userAgent;this.dom=document.getElementById?1:0;this.opera5=this.agent.indexOf("Opera 5")>-1;this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;this.ie4=(document.all && !this.dom && !this.opera5)?1:0;this.ie=this.ie4||this.ie5||this.ie6;this.mac=this.agent.indexOf("Mac")>-1;this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0;this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5);return this;}var bw=new lib2bwcheck();var px = bw.ns4||window.opera?"":"px";function run() {var cx, cy, a;var css, obj, nest, ooo;if ((document.all) && (!bw.opera5)) {movy = document.body.clientHeight-64;movx = document.body.clientWidth-50;} else {movx = window.innerWidth-50; movy = window.innerHeight-64;}for (var i=0; isdto || oy<*sdfrom) { yspeed=-yspeed; oy+=yspeed;}ox+=xspeed;setTimeout("run()",tpause);}var sxfrom=50;var sxto=40;var syfrom=50;var syto=20;var sdfrom=50;var sdto=100;var yspeed=1;var xspeed=4;var pcol=Numbr(255).toString(16);var tpause=20;var schar="欢迎光临海阔天空☆望大家学习愉快☆";var maxitems = schar.length;var t=0;t = pcol.length;for (var i=0; i<6-t; i++) pcol = "0"+pcol;if (document.all) {movy = document.body.clientHeight-64;movx = document.body.clientWidth-50;} else {movx = window.innerWidth-50;movy = window.innerHeight-64;}var ox, oy;ox=Math.PI; oy=sdfrom;xspeed = xspeed*Math.PI/180;pa = new Array();for (var i=0; i<*maxitems; i++) {document.writeln("<*div id=s"+i+" style=position:absolute;top:280;z-index>");document.writeln("<*table style=filter:glow(color=red strength=1)><*th><*font color=#00ffff face=华文楷体 style=font:39pt>"+schar.substr(i,1)+"<*/font><*/th><*/table>");document.writeln("<*/div>");}setTimeout("run()",tpause);<*/SCRIPT>


十一、上下左右移动：

<*center><*table width=500><*tr><*td><*font color=#991144&><*marquee behavior=alternate><*MARQUEE behavior=alternate><*FONT face=宋体 color=red size=4><*MARQUEE direction=up behavior=alternate width=60 height=120>欢<*/MARQUEE><*FONT color=orange> <*MARQUEE direction=up behavior=alternate width=60 height=80>迎<*/MARQUEE><*FONT color=#FF8CA9><*MARQUEE direction=up behavior=alternate width=60 height=120>学<*/MARQUEE><*FONT color=green> <*MARQUEE direction=up behavior=alternate width=60 height=80>习<*/MARQUEE><*FONT color=blue><*MARQUEE direction=up behavior=alternate width=60 height=120>指<*/MARQUEE><*FONT color=lime> <*MARQUEE direction=up behavior=alternate width=60 height=80>导<*/MARQUEE><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/marquee><*/font><*/td><*/tr><*/table><*/center>

十二、向两边扩展的代码：

<*FONT color=#FFFF00 face=隶书 size=7><*MARQUEE height=50 width=240>海阔天空期待你的浪漫之旅！<*/FONT><*/MARQUEE><*FONT color=#00FF00 face=隶书 size=7><*MARQUEE direction=right height=50 width=240>！旅之漫浪的你待期空天阔海<*/MARQUEE><*/FONT>


十三、向上循环的代码：

<*marquee direction=up height=200 scrollamount=1 scrolldelay=90 <*CENTER><*FONT style="COLOR: #FFFF00; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">海阔天空期待你的浪漫之旅！<*/FONT><*/CENTER><*/marquee>


十四、向左移动(乎隐乎现)的代码：

<*CENTER><*MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><*B><*FONT color=#FFFF00 face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">海<*IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif";><*/FONT><*/B><*/MARQUEE> <*MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><*B><*FONT color=#FFFF00 face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">阔<*IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif" ;><*/FONT><*/B><*/MARQUEE> <*MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><*B><*FONT color=#FFFF00 face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">天<*IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif" ;><*/FONT><*/B><*/MARQUEE> <*MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><*B><*FONT color=#FFFF00 face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">空<*IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif" ;><*/FONT><*/B><*/MARQUEE><*/CENTER>


十五、图上做字效果：

<*center><*table border="5" width="365" height="320" background="图片链接地址"> <*tr> <*td> <*br> <*br><*br><*br><*br><*br><*br><*br><*br><*br><*br><*br><*br> <*p align="center"><*font color="#FFFF00">海阔天空<*/font><*/p><*/td> <*/tr> <*/table>


十六、文字代码说明：

1.align=center：表示字体居中，可选值为居右(right)、居左(left)。

2.color=颜色代码。字体属性是：face 颜色的属性是color。

3.face=字体。常用字体为：文鼎花瓣体、宋体、黑体、楷体、仿宋、幻缘、新宋体、细明体、隶书、幼圆、华文琥珀、华文行楷、华文彩云(用做题目)、华文细黑、华文新魏、华文中宋、方正舒体、方正姚体、仿宋_GB2312.楷体_GB2312、宋体-方正超大字符集、汉鼎繁中变、华文楷体。

4.size=字体大小，这里的最大值为7,取值越大文字就越大。

5.文字标记是“<*font>”可以用“<*font>”标记的不同属性来分别设置文本中文字的大小，字体，字型，字色等。<*Font>标记的格式是:<*font 属性＝属性值>被设置的字<*/font>。

6.<*BR>是文字换行

7.<*P>是段控制。标记是<*p>放在文字后，使得其后文字空一行后换行显示。<*p>的属性align用来设置文字的对齐方式。属性值是center(居中对齐)，left(向左对齐)，right(向右对齐)。

8.下划线：<*U><*/U>


十七、移动文字代码说明：

1.left：向右移动。right：向左移动。alternate：来回走。

2.scrollamount：移动速度。scrolldelay：停停走走。direction=up：向上。direction=down：向下。


十八、让你的文字动起来——marquee用法详解：

A.参数一：direction

<*marquee direction=up>向上移动<*/marquee>

direction的英文意思就是方向。这个参数的取值有四个：left(左)、right(右)、up(上)、down(下)。

B.参数二：behavior
<*marquee direction=left behavior=alternate>哈哈，我来回走！<*/marquee>

scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

C.参数三：loop

循环。若未指定则循环不止(infinite)，其值取数值。例：

<*marquee loop=3>我只走三次哦<*/marquee>

D.参数四：scrollamount

移动速度。值取正整数。数值越大，速度越快。例：

<*marquee scrollamount=25>看，我走多快！<*/marquee>

E.参数五：scrolldelay

延时。数值。例：

<*marquee scrolldelay=1000>我走一走，停一停<*/marquee>

F.参数六：bgcolor

底色。例：

<*marquee bgcolor=pink>看到了吧？有底色！<*/marquee>

G.参数七：width和height

就是移动的宽度与高度了。例：

<*marquee width=200 height=200 bgcolor=pink direction=down><*center>这个面积不够我移动！<*/center><*/marquee>

H.其他参数：

空白(Margins)<*hspace=数值 vspace=数值>

对齐方式(Align) <*align=top/ middle/bottom>

十九、用CSS滤镜修饰文字：

1.Alpha滤镜

代码：

<*FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*/B><*/FONT>

从效果中我们可以看出，Alpha滤镜使对象呈渐变透明的效果，其效果是由脚本中的filter:alpha(opacity=100,style=3)来决定的。其中：

opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明； style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。

而width:100%则表示参与渐变的对象的宽度，通常都设置为10%。

2.Motion Blur滤镜

Motion Blur滤镜表现的是一种模糊效果。其ADD属性是用来确定是否在运动模糊中使用原有目标，其值为0和1，0表示“否”，用于文字，1表示“是”，用于图像；Direction属性是模糊移动的角度，其值为0至360度；Strength属性是模糊移动的距离。

以下是代码：

<*FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*/B><*/FONT>

3.Drop Shadow滤镜

Drop Shadow滤镜主要产生重叠效果。其属性为：

color属性：设置影子文本的颜色；

offX和offY属性：影子文本下落的位移值；

Positive属性：指定透明象素阴影，布尔型，0为是，1为否。

代码：

<*FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*B><*/FONT>

4.Shadow滤镜

与Drop Shadow的影子特性不同，Shadow滤镜产生一种阴影效果，它的属性比较简单：

color属性：阴影颜色；

direction属性：阴影角度，值取0至360度。

代码：

<*FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*/B><*/FONT>

5.Wave滤镜

此滤镜对过滤对象生成正弦波变形，造成一种变幻效果。内嵌属性：

add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之；

freq属性：决定显示的频率，即应出现多少个波形；

phrase属性：决定波形的形状，值取0至360之间；

strength属性：决定波形的振幅。

代码：

<*FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*/B><*/FONT>

6.Glow滤镜

Glow滤镜生成一种光晕效果。属性：

color属性：光晕颜色；strength：光晕的厚度。

代码：

<*FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*/B><*/FONT>

7.Flip滤镜

Flip滤滤镜主要是产生两种变换效果，即上下变换和左右变换。FlipV产生上下变换，FlipH产生左右变换。

代码：

<*FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*/B><*/FONT>

<*p align=right><*FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><*B>我爱海阔天空<*/B><*/FONT><*/p>

8.Chroma 滤镜

语法：{filter:chroma(color=color)}

使用”Chroma"属性可以设置一个对象中指定的颜色为透明色，参数COLOR即要透明的颜色。

9.Light 滤镜

这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性，那么就可以调用它的“方法(Method)"来设置或者改变属性。“LIGHT"可用的方法有：

·AddAmbient 加入包围的光源

·AddCone 加入锥形光源

·AddPoint 加入点光源

·Changcolor 改变光的颜色

·Changstrength 改变光源的强度

·Clear 清除所有的光源

·MoveLight 移动光源

可以定义光源的虚拟位置，以及通过调整X轴和Y轴的数值来控制光源焦点的位置，还可以调整光源的形式（点光源或者锥形光源）指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源，可能回产生一些意想不到的效果。

10.Gray ,Invert,Xray 滤镜

语法：{filter:gray} ,{filter:invert},{filter:xray}

Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。

代码：

提示：CSS滤镜还经常用来修饰图像。比如用Flip滤镜，就可以使图像倒过来显示。最后请注意：要使用CSS滤镜，只有在HTML编辑模式下编辑发布才有效果。

html简单教程代码说明

1.<table></table>
2.<tr></tr><td></td>
3.<th></th>
表格标志对于制作网页是很重要的，我希望您能记住这一点，现在很多很多网页都是使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置。但愿您也能熟练使用表格来制作您的主页。

1.<table></table>
<table></table>标志对用来创建一个表格。它有以下属性：属性
用途

<table bgcolor=""> 设置表格的背景色。
<table border=""> 设置边框的宽度，若不设置此属性，则边框宽度默认为0。
<table bordercolor=""> 设置边框的颜色。
<table bordercolorlight=""> 设置边框明亮部分的颜色(当border的值大于等于1时才有用)。
<table bordercolordark=""> 设置边框昏暗部分的颜色(当border的值大于等于1时才有用)。
<table cellspacing=""> 设置表格格子之间空间的大小。
<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小。
<table width="600" \*width="600"为表格宽度600像素*\ > 设置表格的宽度，单位用绝对像素值或总宽度的百分比。
说明:以上各个属性可以结合使用。有关宽度、大小的单位用绝对像素值。而有关颜色的属性使用十六进制RGB颜色码或Html语言给定的颜色常量名(如 Silver 为银色)

2.<tr></tr><td></td>
<tr></tr>标志对用来创建表格中的每一行。此标志对只能放在<table></table>标志对之间使用，而在此标志对之间加入文本将是无用的，因为在<tr></tr>之间只能紧跟<td></td>标志对才是有效的语法，<td></td>标志对用来创建表格中一行中的每一个格子，此标志对也只有放在<tr></tr>标志对之间才是有效的，您想要输入的文本也只有放在<td></td>标志对中才有效(即才能够显示出来)。<table></table>、<tr></tr>和<td></td>标志对的关系如下所示：

最外层,创建一个表格--> <table>
创建一行--> <tr>
创建一个格子(这里总共创建了三个格子)--> <td>要输出的文本只能放在此处</td>
<td>要输出的文本只能放在此处</td>
<td>要输出的文本只能放在此处</td>
</tr>
最外层--> </table>

此外，<tr>还有align和valign属性。align是水平对齐方式，取值为left(左对齐)、center(居中)、right(右对齐)；而valign是垂直对齐方式，取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。<td>具有width、colspan、rowspan和nowrap属性。width是格子的宽度，单位用绝对像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数(缺省值为1)；rowspan设置一个表格格子跨占的行数(缺省值为1)；nowrap禁止表格格子内的内容自动断行。

3.<th></th>
<th></th>标志对用来设置表格头，通常是黑体居中文字。

看一看下边的例子就明白以上标志对的用法了。

例6 表格标志的综合示例
<html>
<head>
<title>表格标志的综合示例</title>
</head>

<body>
<table border="1" width="80%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF"
bordercolorlight="#7D7DFF" bordercolordark="#0000A0">
<tr>
<th width="33%" colspan="2" valign="bottom">意大利</th>
<th width="36%" colspan="2" valign="bottom">英格兰</th>
<th width="36%" colspan="2" valign="bottom">西班牙</th>
</tr>
<tr>
<td width="16%" align="center">AC米兰</td>
<td width="16%" align="center">佛罗伦萨</td>
<td width="17%" align="center">曼联</td>
<td width="17%" align="center">纽卡斯尔</td>
<td width="17%" align="center">巴塞罗那</td>
<td width="17%" align="center">皇家社会</td>
</tr>
<tr>
<td width="16%" align="center">尤文图斯</td>
<td width="16%" align="center">桑普多利亚</td>
<td width="17%" align="center">利物浦</td>
<td width="17%" align="center">阿申纳</td>
<td width="17%" align="center">皇家马德里</td>
<td width="17%" align="center">……</td>
</tr>
<tr>
<td width="16%" align="center">拉齐奥</td>
<td width="16%" align="center">国际米兰</td>
<td width="17%" align="center">切尔西</td>
<td width="17%" align="center">米德尔斯堡</td>
<td width="17%" align="center">马德里竞技</td>
<td width="17%" align="center">……</td>
</tr>
</table>
</body>
</html>


↓↓↓↓效果显示↓↓↓↓

1. 2.  

3.   表格标志对于制作网页是很重要的，我希望您能记住这一点，现在很多很多网页都是使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置。但愿您也能熟练使用表格来制作您的主页。 1.  
标志对用来创建一个表格。它有以下属性：属性用途


标志对之间使用，而在此标志对之间加入文本将是无用的，因为在 之间只能紧跟 标志对才是有效的语法， 标志对用来创建表格中一行中的每一个格子，此标志对也只有放在 标志对之间才是有效的，您想要输入的文本也只有放在 标志对中才有效(即才能够显示出来)。 、 和 标志对的关系如下所示： 最外层,创建一个表格--> 要输出的文本只能放在此处 要输出的文本只能放在此处 要输出的文本只能放在此处
此外， 还有align和valign属性。align是水平对齐方式，取值为left(左对齐)、center(居中)、right(右对齐)；而valign是垂直对齐方式，取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。 具有width、colspan、rowspan和nowrap属性。width是格子的宽度，单位用绝对像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数(缺省值为1)；rowspan设置一个表格格子跨占的行数(缺省值为1)；nowrap禁止表格格子内的内容自动断行。 3. 标志对用来设置表格头，通常是黑体居中文字。 看一看下边的例子就明白以上标志对的用法了。 例6 表格标志的综合示例 意大利 英格兰 西班牙
AC米兰 佛罗伦萨 曼联 纽卡斯尔 巴塞罗那 皇家社会
尤文图斯 桑普多利亚 利物浦 阿申纳 皇家马德里 ……
拉齐奥 国际米兰 切尔西 米德尔斯堡 马德里竞技 ……

1、<body background=图片文件名 bgcolor=颜色 text=颜色 link=颜色 vlink=颜色 alink=颜色>...</body>标记属性：

background:设置网页的背景图像。bgcolor:设置网页的背景颜色。text:设置文本的颜色。link:设置尚未被访问过的超文本链接的颜色。默认蓝色。vlink:设置已被访问过的超文本链接的颜色。默认蓝色。alink:设置超文本链接在被访问瞬间的颜色。默认蓝色。


2、颜色代码表：



黑色-black-#000000 蓝色-blue-#000FF 棕色-brown-#A52A2A
青色-cyan-#00FFFF 灰色-gray-#808080 绿色-green-#008000
乳白色-ivory-#FFFFF0 桔黄色-orange-#FFA500 粉红色-pink-#FFC0CB
红色-red-#FF0000 白色-white-#FFFFFF 黄色-yellow-#FFFF00
深红色-crimson-#CD061F 黄绿色-greenyellow-#0B6EFF
水蓝色-dodgerblue-#0B6EFF 淡紫色-lavender-#DBDBF8

3、注释标记：<!-- 注释内容 -->



4、段落和文字标记：

(1)标题文字标记：
<hn align=left|center|right>标题文字</hn> 注：n为文字大小，值1-6，1最大。
(2)文本文字标记：
<font size=1-7 face=字体名 color=颜色>被设置的文字</font> 注：size取7最大。
(3)设置字型：
<b>..</b>:加粗 <i>..</i>:斜体 <u>..</u>:带下划线
<tt>..</tt>:标准打印机字体 <strike>..</strike>:带删除线
<big>..</big>:大字体文本 <small>..</small>:小字体文本

5、强制换行标记： 文字<br>

6、强制换段标记：<p>

网页教学网


7、分区显示标记：<div align=left|center|right>文本或图像</div>



8、水平线标记：<hr align=对齐方式 size=粗细 width=长度 color=颜色 noshade> 注：noshade设置为平面显示。



9、特殊符号：<-< >-> "-" 空格- 

10、建立超链接：

网页教学网

(1)热点标记：
<a href=地址/name=字符串 target=打开窗口方式>热点</a> 注：在URL中href与name不能同时使用。
打开窗口方式：
target="_blank"或者target="new":在新窗口中打开。
target="_parent":显示在直接父框架窗口中。
target="_self":在当前窗口中打开。（默认）
target="_top":显示在没有框架的窗口中。
target="框架名称":显示在制定框架窗口中。
(2)创建指向其他页面的链接：
<a href="路径/文件名.html">热点</a> 注：退到上一级目录方法: ../
(3)标签链接：
<a href="#记号名">热点</a>---------------------<a name="记号名">..</a>



11、图片标记：<img src=文件名 alt=说明 width=x height=y border=n hspace=h vspace=v align=对齐方式> 网页教学网

12、用图片作为超链接：<a href="地址"><img src=图片文件名></a>