|
網(wǎng)站建設(shè)是指使用標識語言(markup language),通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網(wǎng)站頁面上。 其他標記<MARQUEE> <BLINK> <ISINDEX> <META> <LINK> ■ <MARQUEE>:<MARQUEE> 只適用於 IE ,譯為「跑馬燈」如 Status Bar 的那種,意指走動或卷動的 文字,其參數(shù)設(shè)定狻多。我先舉些例子,然後再列出各參數(shù)。 例子一: 原始碼<marquee width=150>I'm a small MARQUEE</marquee> 顯示結(jié)果I'm a small MARQUEE例子二: 原始碼<marquee behavior=slide>This is a slide effect</marquee> 顯示結(jié)果This is a slide effect例子三: 原始碼<marquee behavior=alternate>撞來撞去,啊!我昏啦</marquee> 顯示結(jié)果撞來撞去,。∥一枥怖铀模 原始碼<marquee scrolldelay=5 scrollamount=50>嘩。√炝,我又昏啦</marquee> 顯示結(jié)果嘩!!太快了,我又昏啦<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 一般卷動,是內(nèi)定值。 SLIDE 如幻燈片,一格格的,效果是文字一接觸左邊便全部消失。 ALTERNATE 文字向左右兩邊撞來撞去。 direction="LEFT" 設(shè)定文字的卷動方向,LEFT 表示向左,是內(nèi)定值,RIGHT 表示向右。 bgcolor="#0000FF" 設(shè)定文字卷動范圍的背景顏色。 height="30" width="150" >設(shè)定文字卷動范圍,可采用相對或絕對,如 30% 或 30 等,單位為像素。 hspace="0" vspace="0" 設(shè)定文字的水平及垂直空白位置。 loop="INFINITE" 設(shè)定文字卷動次數(shù),其值可以是正整數(shù)或 INFINITE,INFINITE 是內(nèi)定值,表示無 限次。 scrollamount="30" 每「格」文字之間的間隔,單位是像素。 scrolldelay="500" 文字卷動的停頓時間,單位是毫秒。 ■ <BLINK> :▲Top<BLINK> 是令文字閃爍,只適用於 NC,用法直接,沒有參數(shù)?纯蠢颖阒 例子: 原始碼<blink>我是天上星,閃又閃</blink> 顯示結(jié)果我是天上星,閃又閃 ■ <ISINDEX> :▲Top<ISINDEX> 可讓某些 Web Server 找尋網(wǎng)頁內(nèi)的關(guān)鍵字,假如你的 Web Server 提供這樣的 找尋功能,使用者的瀏覽器也支援這些找尋功能,那堋,載入網(wǎng)頁時就會看到一個簡單的 找尋方塊。其用法直接,沒有參數(shù),本來是要放於 <HEAD> 標記內(nèi)的,但把它放在 <BODY> 標記內(nèi)亦不見有問題,請記住,3W 以反對此標記。 例子: 原始碼<isindex> 顯示結(jié)果可以搜索該索引。請鍵入要搜索的關(guān)鍵字: ■ <META> :▲Top<META> 是放於 <HEAD> 與 </HEAD>之間的標記,功用與變化等對,所以我公式化地介 紹。 <meta name="Description" content="This is Chris's Home Page"> 該網(wǎng)頁的描述,作用於尋找引擎的登錄 <meta name="Keywords" content="Chris, Web, Music, photo"> 該網(wǎng)頁的關(guān)鍵字,作用於尋找引擎的登錄 <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"> 設(shè)定這是 HTML 文件及其編碼語系,中文網(wǎng)頁請使用 big5 那行,或者不設(shè)編碼亦 可,純英文網(wǎng)頁建議使用 iso-8859-1。 <meta name="GENERATOR" content="Mozilla/4.04 [en] (Win95; I) [Netscape]"> <meta name="GENERATOR" content="Microsoft FrontPage 3.0"> 這只表示該網(wǎng)頁由甚堋編輯器寫成。 <meta http-equiv="refresh" content="10; url=http://www.hkiwc.com"> 這一行較為實用,能於預(yù)定秒數(shù)內(nèi)自動轉(zhuǎn)到指定的網(wǎng)址。原始碼中 10 表示 10秒。 ■ <LINK> :▲Top<LINK> 用來將目前文件與其它 URL 作連結(jié),但不會有連結(jié)按鈕,用於 <HEAD> 標記間, 格式如下: <link href="URL" rel="relationship"> <link href="URL" rev="relationship"> 其用法我們會於 Style Sheet 一節(jié)詳細介紹 特殊字符只要你認識了 HTML 標記,你便會知道特殊字符的用處。 HTML 原始碼顯示結(jié)果描述<<小於號或顯示標記>>大於號或顯示標記&&可用於顯示其它特殊字符""引號®®己注冊©©版權(quán)™™商標  半方大的空白  全方大的空白 不斷行的空白■ ISO Latin-1 特殊字符 :HTML 原始碼顯示結(jié)果描述ÆÆ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 調(diào)色原理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 於應(yīng)用時常在每個 RGB 值之前加上符號 # 以示分別,但不加亦可。 ■ HTML 基本架構(gòu):選按不同顏色按鍵以測試前景顏色效果 (只適合 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大多數(shù)人在上網(wǎng)的時候,都會瀏覽網(wǎng)頁提供給我們的信息。
|