滚动条 

这是由IE提供的滚动条，可不要被众多的属性吓到了，越多的属性功能越强喔！

【文字卷动标记】

<MARQUEE>...</MARQUEE> 文字卷动 ( 滚动条 )。 

【相关属性】

·BEHAVIOR = 设定卷动方式
-- ALTERNATE 交替来回卷动
-- SCROLL 卷动 ( 预设 )
-- SLIDE 滑动

·BGCOLOR = color 背景颜色
·DIRECTION = 设定卷动方向
·HEIGHT = n 高度
·LOOP = n 循环 , 卷动次数 ( 预设循环 )
·SCROLLAMOUNT = n 设定卷动距离
·SCROLLDELAY = milliseconds 设定卷动时间
·TRUESPEED = milliseconds 设定卷动速度
·WIDTH = n 宽度 ( 可设百分比% )

【举例】

如 : <MARQUEE BGCOLOR=RED BEHAVIOR=ALTERNATE DIRECTION=LEFT SCROLLAMOUT=10 SCROLLDELAY=100> <FONT COLOR=WHITE>流年设计</FONT></MARQUEE>
流年设计

如 : <MARQUEE BGCOLOR=GREEN HEIGHT=50 BEHAVIOR=SCROLL DIRECTION=UP SCROLLAMOUT=10 SCROLLDELAY=300> <FONT COLOR=WHITE><CENTER>流年设计</CENTER></FONT></MARQUEE>

流年设计

字体 

我们在这里将要谈的是有关文字的标记，包括字体大小、颜色、字型...等变化，适当的应用可以增加页面的美观！

　　常用字体标记 

<Hn>...</Hn> 标题，设定标题字体大小， n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。

如 : <H2> 标题 </H2>

标题

如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 )

标题

<B>...</B> 粗体字。

如 : <B> 粗体字 </B>

粗体字 

<I>...</I> 斜体字。

如 : <I> 斜体字 </I>
斜体字 

<U>...</U> 加底线。

如 : <U> 加底线 </U>
加底线 

<DEL>...</DEL> 横线 ( 表示删除 )。

如 : <DEL> 横线 </DEL>
横线

<TT>...</TT> 打字体 ( 固定宽度文字 )。

如 : <TT> 打字体 </TT>
打字体

<SUP>...</SUP> 上标字。

如 : 字体 <SUP> 上标字 </SUP>
字体上标字

<SUB>...</SUB> 下标字。

如 : 字体 <SUB> 下标字 </SUB>
字体下标字

<!...> 注解 ( 不会显示在浏览器上 )，可以多行。

如 : <! 更新日期 : 2000/1/1>

设定字体大小、颜色、字型 

有关设定文字的方法共有以下几种 :

1.设定HTML文件主体文字颜色。<BODY>...</BODY>标记。 

如 : <BODY TEXT=RED>...</BODY> 或
<BODY TEXT=#FF0000>...</BODY>

2.设定基本字体大小、颜色、字型。<BASEFONT>...</BASEFONT>标记。

3.设定字体大小、颜色、字型。<FONT>...</FONT>标记。

<BASEFONT>...</BASEFONT> 设定基本字体，SIZE = 1 ~ 7，1 ( 最小 ) 7 ( 最大 )。

如 : <BASEFONT SIZE=4> 基本字体大小为 4 </BASEFONT>
基本字体大小为 4

如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT>
设定颜色

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT>
设定字型

如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT>
设定颜色

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT>
设定字型

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT>
设定字型

<BIG>...</BIG> 基本字体加大。

如 : <BASEFONT SIZE=4> 基本字体大小为 4，</BASEFONT>
<BIG> 加大为 5 </BIG>
基本字体大小为 4，加大为 5

<SMALL>...</SMALL> 基本字体减小。

如 : <BASEFONT SIZE=4> 基本字体大小为 4，</BASEFONT>
<SMALL> 减小为 3 </SMALL>
基本字体大小为 4，减小为 3

<FONT>...</FONT> 设定字体大小、颜色、字型，SIZE = 1 ~ 7，1 ( 最小 ) 7 ( 最大 )。

如 : <FONT SIZE=4> 字体大小为 4 </FONT>
字体大小为 4

如 : <BASEFONT SIZE=4> 基本字体大小为 4
<FONT SIZE=+1> +1字体大小为 5 </FONT>
<FONT SIZE=-2> -2字体大小为 2 </FONT>...</BASEFONT>
　　基本字体大小为 4
+1字体大小为 5
-2字体大小为 2

如 : <FONT COLOR =#FF0000> 设定颜色 </FONT>
设定颜色

如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT>
设定字型

如 : <FONT COLOR =#FF0000> 设定颜色 </FONT>
设定颜色

如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT>
设定字型

　　注意事项 

1. 设定字体的大小分 : 绝对SIZE 如 : <FONT SIZE=4>
和 相对SIZE 如 : <FONT SIZE=+1> ( 以 BASEFONT 设定的字体大小做加减 )。

2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色，每一色由两位十六进制的数值表示 ( 即十进制 0 ~ 255 )。
十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

3. 设定字体的字型会按照顺序找出显示的字型，若找不到则以系统预设字型显示。 

链接 

现在的网站没有用图片的，几乎很少了吧！图片增加了网站版面的美观，不过也不要放了大量的图片，而拖慢网站传输的效率喔！

　　有关设定图片的方法共有以下几种 :

  1. 设定HTML文件背景图片、背景颜色。<BODY>...</BODY>标记。
    如 : <BODY BACKGROUND=A.GIF>...</BODY> 或
    <BODY BGCOLOR=#000000>...</BODY>
  2. 设定图片。<IMG>标记。
  3. 设定地图。<MAP>...</MAP>标记。

　　常用图片标记 

<IMG> 指令

相关属性 :
·ALIGN 调整
·ALT 提示字
·BORDER 边框
·HEIGHT 高度
·SRC 文件或URL位址
·USEMAP 地图名称
·WIDTH 宽度

如 : 可插入图片 ( GIF、JPG格式 )、AVI电影
<CENTER>
<IMG SRC="../../../images/pcedu_lo.gif" ALT="太平洋网络学院" ALIGN=TOP BORDER=1>
</CENTER>

<MAP>...</MAP> 地图

相关属性 :
·NAME

<AREA> 设定地图动作区域

相关属性 :
·COORDS 设定动作区域座标 ( 左上角座标 : X1,Y1 ; 右下角座标 : X2,Y2 )
·HREF 动作区域连结点 ( 可载入位址或文件 )
·NOHREF 动作区域连结点不动作
·SHAPE 外型

　　举例 

设定地图
<IMG BORDER=0 SRC=A.GIF USEMAP=#A>
<MAP NAME=A>
<AREA SHAPE=RECT COORDS=0,0,200,100 HREF=1.HTM>
<AREA SHAPE=RECT COORDS=0,100,200,200 NOHREF>
<AREA SHAPE=RECT COORDS=0,200,200,300 HREF=3.HTM>
</MAP>

调色原理 

■ 调色原理：

HTML 的颜色表示可分两种：

  • 以命名方式定义常用的颜色，如 RED。
  • 以 RGB 值表示，如 #FF0000

　　命名方式所包括的色种不多也不是很方便，所以较少采用，以下介绍 RGB 值的原理：

red" "green" "blue" 三原色组合而成的，在 HTML 中对于彩度的定义是采用十六进制的，对于三原色 HTML 分别给予两个十六进位去定义，也就是每个原色有 256 种彩度，故此三原色可混合成一千六百多万个颜色。

　　例如

　　白色的组成是 red=ff, green=ff, blue=ff, RGB 值即为 ffffff
　　红色的组成是 red=ff, green=00, blue=00, RGB 值即为 ff0000
　　绿色的组成是 red=00, green=ff, blue=00, RGB 值即为 00ff00
　　蓝色的组成是 red=00, green=00, blue=ff, RGB 值即为 0000ff
　　黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000

#

■ HTML 基本架构：

按不同颜色按钮以测试前景颜色的效果 （只适合 Internet Explorer）

■ 16 常用颜色表：

Color

Value

Name


Color

Value

Name


#00FFFF

aqua



#808080

gray


#000080

navy



#C0C0C0

silver


#000000

black



#008000

green


#808000

olive



#008080

teal


#0000FF

blue



#00FF00

lime


#800080

purple



#FFFF00

yellow


#FF00FF

fuchsia



#800000

maroon


#FF0000

red



#FFFFFF

white

■ 其它常用颜色：

Color

Value

Name


Color

Value

Name


#F0F8FF

aliceblue



#A00000

antiquewith


#7FFFD4

aquamarine



#F0FFFF

azure


#F5F5DC

beige



#FFE4C4

bisque


#000000

black



#FFEBCD

blanchedalmond


#0000FF

blue



#8A2BE2

blueviolet


#A52A2A

brown



#DEB887

burlywood


#5F9EA0

cadetblue



#7FFF00

chartreuse


#D2691E

chocolate



#FF7F50

coral


#C0F000

cornfloewrblue



#FFF8DC

cornsilk


#00FFFF

cyan



#00008B

darkblue


#008B8B

darkcyan



#B8860B

darkgoldenrod


#A9A9A9

darkgray



#006400

darkgreen


#DA0000

darkhaki



#8B008B

darkmagenta


#556B2F

darkolivegreen



#DA000E

darkorenge


#9932CC

darkorchid



#8B0000

darkred


#E9967A

darksalmon



#8FBC8F

darkseagreen


#483D8B

darkslateblue



#2F4F4F

darkslategray


#00CED1

darkturquoise



#9400D3

darkviolet


#FF1493

deeppink



#00BFFF

deepskyblue


#696969

dimgray



#1E90FF

dodgerblue


#B22222

firebrick



#FFFAF0

floralwhite


#228B22

forestgreen



#DCDCDC

gainsboro


#00000E

gostwhite



#FFD700

gold


#00E00D

golenrod



#808080

gray


#008000

green



#ADFF2F

greenyellow


#F0FFF0

honeydew



#FF69B4

hotpink


#CD5C5C

indianred



#FFFFF0

ivory


#F0E68C

khaki



#E6E6FA

lavender


#FFF0F5

lavenderblush



#7CFC00

lawngreen


#FFFACD

lemonchiffon



#ADD8E6

lightblue


#F08080

lightcoral



#E0FFFF

lightcyan


#0000E0

lightgodenrod



#0000E0

lightgodenrodyellow


#0000A0

lightgray



#90EE90

lightgreen


#FFB6C1

lightpink



#FFA07A

lightsalmon


#20B2AA

lightseagreen



#87CEFA

lightskyblue


#0000EB

lightslateblue



#778899

lightslategray


#B0C4DE

lightsteelblue



#FFFFE0

lightyellow


#32CD32

limegreen



#FAF0E6

linen


#FF00FF

magenta



#800000

maroon


#66CDAA

mediumaquamarine



#0000CD

mediumblue


#BA55D3

mediumorchid



#ED0000

mediumpurpul


#3CB371

mediumseagreen



#7B68EE

mediumslateblue


#00FA9A

mediumspringgreen



#48D1CC

mediumturquoise


#C71585

mediumvioletred



#191970

midnightblue


#F5FFFA

mintcream



#FFE4E1

mistyrose


#FFE4B5

moccasin



#FFDEAD

navajowhite


#000080

navy



#A0B0E0

navyblue


#FDF5E6

oldlace



#6B8E23

olivedrab


#FFA500

orange



#0E0EED

orengered


#DA70D6

orchid



#A00D00

palegodenrod


#98FB98

palegreen



#AFEEEE

paleturquoise


#DB7093

palevioletred



#FFEFD5

papayawhip


#FFDAB9

peachpuff



#CD853F

peru


#FFC0CB

pink



#DDA0DD

plum


#B0E0E6

powderblue



#800080

purple


#FF0000

red



#BC8F8F

rosybrown


#4169E1

royalblue



#8B4513

saddlebrown


#FA8072

salmon



#F4A460

sandybrown


#2E8B57

seagreen



#FFF5EE

seashell


#A0522D

sienna



#87CEEB

skyblue


#6A5ACD

slateblue



#708090

slategray


#FFFAFA

snow



#00FF7F

springgreen


#4682B4

steelblue



#D2B48C

tan


#D8BFD8

thistle



#FF6347

tomato


#40E0D0

turquoise



#EE82EE

violet


#00E0ED

violetred



#F5DEB3

wheat


#000E00

hite



#F5F5F5

whitesmoke


#FFFF00

yellow



#9ACD32

yellowgreen