网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。
其他标记<MARQUEE>
<BLINK>
<ISINDEX>
<META>
<LINK> ■ <MARQUEE>:<MARQUEE> 只适用於 IE ,译为「跑马灯」如 Status Bar 的那种,意指走动或卷动的 文字,其参数设定狻多。我先举些例子,然後再列出各参数。 例子一: 原始码<marquee width=150>I'm a small MARQUEE</marquee> 显示结果I'm a small MARQUEE例子二: 原始码<marquee behavior=slide>This is a slide effect</marquee> 显示结果This is a slide effect例子三: 原始码<marquee behavior=alternate>撞来撞去,啊!我昏啦</marquee> 显示结果撞来撞去,啊!我昏啦例子四: 原始码<marquee scrolldelay=5 scrollamount=50>哗!!太快了,我又昏啦</marquee> 显示结果哗!!太快了,我又昏啦<marquee behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello</marquee> behavior="SCROLL"
决定文字的卷动方式,可选值为:
SCROLL 一般卷动,是内定值。
SLIDE 如幻灯片,一格格的,效果是文字一接触左边便全部消失。
ALTERNATE 文字向左右两边撞来撞去。 direction="LEFT"
设定文字的卷动方向,LEFT 表示向左,是内定值,RIGHT 表示向右。 bgcolor="#0000FF"
设定文字卷动范围的背景颜色。 height="30" width="150"
>设定文字卷动范围,可采用相对或绝对,如 30% 或 30 等,单位为像素。 hspace="0" vspace="0"
设定文字的水平及垂直空白位置。 loop="INFINITE"
设定文字卷动次数,其值可以是正整数或 INFINITE,INFINITE 是内定值,表示无 限次。 scrollamount="30"
每「格」文字之间的间隔,单位是像素。 scrolldelay="500"
文字卷动的停顿时间,单位是毫秒。 ■ <BLINK> :▲Top<BLINK> 是令文字闪烁,只适用於 NC,用法直接,没有参数。看看例子便知: 例子: 原始码<blink>我是天上星,闪又闪</blink> 显示结果我是天上星,闪又闪 ■ <ISINDEX> :▲Top<ISINDEX> 可让某些 Web Server 找寻网页内的关键字,假如你的 Web Server 提供这样的 找寻功能,使用者的浏览器也支援这些找寻功能,那堋,载入网页时就会看到一个简单的 找寻方块。其用法直接,没有参数,本来是要放於 <HEAD> 标记内的,但把它放在 <BODY> 标记内亦不见有问题,请记住,3W 以反对此标记。 例子: 原始码<isindex> 显示结果可以搜索该索引。请键入要搜索的关键字: ■ <META> :▲Top<META> 是放於 <HEAD> 与 </HEAD>之间的标记,功用与变化等对,所以我公式化地介 绍。 <meta name="Description" content="This is Chris's Home Page">
该网页的描述,作用於寻找引擎的登录 <meta name="Keywords" content="Chris, Web, Music, photo">
该网页的关键字,作用於寻找引擎的登录 <meta http-equiv="Expires" content="Tue, 09 Dec 1997 00:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
以上行功能相同,都是要浏览器重新载入该页,不要使用快取档案,当然可以修 改该 Expire 时间。 <meta http-equiv="Content-Type" content="text/html; charset=big5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
设定这是 HTML 文件及其编码语系,中文网页请使用 big5 那行,或者不设编码亦 可,纯英文网页建议使用 iso-8859-1。 <meta name="GENERATOR" content="Mozilla/4.04 [en] (Win95; I) [Netscape]">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
这只表示该网页由甚堋编辑器写成。 <meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">
这一行较为实用,能於预定秒数内自动转到指定的网址。原始码中 10 表示 10秒。 ■ <LINK> :▲Top<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下:
<link href="URL" rel="relationship">
<link href="URL" rev="relationship"> 其用法我们会於 Style Sheet 一节详细介绍 特殊字符只要你认识了 HTML 标记,你便会知道特殊字符的用处。 HTML 原始码显示结果描述<<小於号或显示标记>>大於号或显示标记&&可用於显示其它特殊字符""引号®®己注册©©版权™™商标  半方大的空白  全方大的空白 不断行的空白■ ISO Latin-1 特殊字符 :HTML 原始码显示结果描述ÆÆUppercase AE diphthingÁÁUppercase A, acute accentÂÂUppercase A, circumflex accentÀÀUppercase A, grave accentÅÅUppercase A, ringÃÃUppercase A, tildeÄÄUppercase A, dieresis or umlaut markÇÇUppercase C, cedillaÐÐUppercase Eth, IcelandicÉÉUppercase E, acute accentÊÊUppercase E, circumflex accentÈÈUppercase E, grave accentËËUppercase E, dieresis or umlaut markÍÍUppercase I, acute accentÎÎUppercase I, circumflex accentÌÌUppercase I, grave accentÏÏUppercase I, dieresis or umlaut markÑÑUppercase N, tildeÓÓUppercase O, acute accentÔÔUppercase O, circumflex accentÒÒUppercase O, grave accentØØUppercase O, slashÕÕUppercase O, tildeÖÖUppercase O, dieresis or umlaut markÞÞUppercase THORN, IcelandicÚÚUppercase U, acute accentÛÛUppercase U, circumflex accentÙÙUppercase u, grave accentÜÜUppercase U, dieresis or umlaut markÝÝUppercase Y, acute accentææLowercase ae diphthingááLowercase a, acute accentââLowercase a, circumflex accentààLowercase a, grave accentååLowercase a, ringããLowercase a, tildeääLowercase a, dieresis or umlaut markççLowercase c, cedillaððLowercase eth, IcelandicééLowercase e, acute accentêêLowercase e, circumflex accentèèLowercase e, grave accentëëLowercase e, dieresis or umlaut markííLowercase i, acute accentîîLowercase i, circumflex accentììLowercase i, grave accentïïLowercase i, dieresis or umlaut markññLowercase n, tildeóóLowercase o, acute accentôôLowercase o, circumflex accentòòLowercase o, grave accentøøLowercase o, slashõõLowercase o, tildeööLowercase o, dieresis or umlaut markßßLowercase sharp s, German (sz ligature)þþLowercase thorn, IcelandicúúLowercase u, acute accentûûLowercase u, circumflex accentùùLowercase u, grave accentüüLowercase u, dieresis or umlaut markýýLowercase y, acute accentÿÿLowercase y, dieresis or umlaut mark 调色原理HTML 的颜色表示可分两种: 以命名方式定义常用的颜色,如 RED。 以 RGB 值表示,如 #FF0000 表示 red。 命名方式涵括的色种不多亦不甚方便,较少采用,以下介绍 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 於应用时常在每个 RGB 值之前加上符号 # 以示分别,但不加亦可。 ■ HTML 基本架构:选按不同颜色按键以测试前景颜色效果 (只适合 Internet Explorer) 选按不同颜色按键以测试背景颜色效果 或输入一个 RGB 颜色码或名称 ■ 16 常用颜色表:ColorValueName ColorValueName #00FFFFaqua #808080gray #000080navy #C0C0C0silver #000000black #008000green #808000olive #008080teal #0000FFblue #00FF00lime #800080purple #FFFF00yellow #FF00FFfuchsia #800000maroon #FF0000red #FFFFFFwhite■ 其它常用颜色表:ColorValueName ColorValueName #F0F8FFaliceblue #A00000antiquewith #7FFFD4aquamarine #F0FFFFazure #F5F5DCbeige #FFE4C4bisque #000000black #FFEBCDblanchedalmond #0000FFblue #8A2BE2blueviolet #A52A2Abrown #DEB887burlywood #5F9EA0cadetblue #7FFF00chartreuse #D2691Echocolate #FF7F50coral #C0F000cornfloewrblue #FFF8DCcornsilk #00FFFFcyan #00008Bdarkblue #008B8Bdarkcyan #B8860Bdarkgoldenrod #A9A9A9darkgray #006400darkgreen #DA0000darkhaki #8B008Bdarkmagenta #556B2Fdarkolivegreen #DA000Edarkorenge #9932CCdarkorchid #8B0000darkred #E9967Adarksalmon #8FBC8Fdarkseagreen #483D8Bdarkslateblue #2F4F4Fdarkslategray #00CED1darkturquoise #9400D3darkviolet #FF1493deeppink #00BFFFdeepskyblue #696969dimgray #1E90FFdodgerblue #B22222firebrick #FFFAF0floralwhite #228B22forestgreen #DCDCDCgainsboro #00000Egostwhite #FFD700gold #00E00Dgolenrod #808080gray #008000green #ADFF2Fgreenyellow #F0FFF0honeydew #FF69B4hotpink #CD5C5Cindianred #FFFFF0ivory #F0E68Ckhaki #E6E6FAlavender #FFF0F5lavenderblush #7CFC00lawngreen #FFFACDlemonchiffon #ADD8E6lightblue #F08080lightcoral #E0FFFFlightcyan #0000E0lightgodenrod #0000E0lightgodenrodyellow #0000A0lightgray #90EE90lightgreen #FFB6C1lightpink #FFA07Alightsalmon #20B2AAlightseagreen #87CEFAlightskyblue #0000EBlightslateblue #778899lightslategray #B0C4DElightsteelblue #FFFFE0lightyellow #32CD32limegreen #FAF0E6linen #FF00FFmagenta #800000maroon #66CDAAmediumaquamarine #0000CDmediumblue #BA55D3mediumorchid #ED0000mediumpurpul #3CB371mediumseagreen #7B68EEmediumslateblue #00FA9Amediumspringgreen #48D1CCmediumturquoise #C71585mediumvioletred #191970midnightblue #F5FFFAmintcream #FFE4E1mistyrose #FFE4B5moccasin #FFDEADnavajowhite #000080navy #A0B0E0navyblue #FDF5E6oldlace #6B8E23olivedrab #FFA500orange #0E0EEDorengered #DA70D6orchid #A00D00palegodenrod #98FB98palegreen #AFEEEEpaleturquoise #DB7093palevioletred #FFEFD5papayawhip #FFDAB9peachpuff #CD853Fperu #FFC0CBpink #DDA0DDplum #B0E0E6powderblue #800080purple #FF0000red #BC8F8Frosybrown #4169E1royalblue #8B4513saddlebrown #FA8072salmon #F4A460sandybrown #2E8B57seagreen #FFF5EEseashell #A0522Dsienna #87CEEBskyblue #6A5ACDslateblue #708090slategray #FFFAFAsnow #00FF7Fspringgreen #4682B4steelblue #D2B48Ctan #D8BFD8thistle #FF6347tomato #40E0D0turquoise #EE82EEviolet #00E0EDvioletred #F5DEB3wheat #000E00hite #F5F5F5whitesmoke #FFFF00yellow大多数人在上网的时候,都会浏览网页提供给我们的信息。
……