|
網站建設是指使用標識語言（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大多數人在上網的時候，都會瀏覽網頁提供給我們的信息。
|
