网站首页/网页设计列表/内容

HTML语言剖析(6)

网页设计2020-12-23阅读
网站建设是指使用标识语言(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 原始码显示结果描述&lt;<小於号或显示标记&gt;>大於号或显示标记&amp;&可用於显示其它特殊字符&quot;"引号&reg;®己注册&copy;©版权&trade;™商标&ensp; 半方大的空白&emsp; 全方大的空白&nbsp; 不断行的空白■ ISO Latin-1 特殊字符 :HTML 原始码显示结果描述&AElig;ÆUppercase AE diphthing&Aacute;ÁUppercase A, acute accent&Acirc;ÂUppercase A, circumflex accent&Agrave;ÀUppercase A, grave accent&Aring;ÅUppercase A, ring&Atilde;ÃUppercase A, tilde&Auml;ÄUppercase A, dieresis or umlaut mark&Ccedil;ÇUppercase C, cedilla&ETH;ÐUppercase Eth, Icelandic&Eacute;ÉUppercase E, acute accent&Ecirc;ÊUppercase E, circumflex accent&Egrave;ÈUppercase E, grave accent&Euml;ËUppercase E, dieresis or umlaut mark&Iacute;ÍUppercase I, acute accent&Icirc;ÎUppercase I, circumflex accent&Igrave;ÌUppercase I, grave accent&Iuml;ÏUppercase I, dieresis or umlaut mark&Ntilde;ÑUppercase N, tilde&Oacute;ÓUppercase O, acute accent&Ocirc;ÔUppercase O, circumflex accent&Ograve;ÒUppercase O, grave accent&Oslash;ØUppercase O, slash&Otilde;ÕUppercase O, tilde&Ouml;ÖUppercase O, dieresis or umlaut mark&THORN;ÞUppercase THORN, Icelandic&Uacute;ÚUppercase U, acute accent&Ucirc;ÛUppercase U, circumflex accent&Ugrave;ÙUppercase u, grave accent&Uuml;ÜUppercase U, dieresis or umlaut mark&Yacute;ÝUppercase Y, acute accent&aelig;æLowercase ae diphthing&aacute;áLowercase a, acute accent&acirc;âLowercase a, circumflex accent&agrave;àLowercase a, grave accent&aring;åLowercase a, ring&atilde;ãLowercase a, tilde&auml;äLowercase a, dieresis or umlaut mark&ccedil;çLowercase c, cedilla&eth;ðLowercase eth, Icelandic&eacute;éLowercase e, acute accent&ecirc;êLowercase e, circumflex accent&egrave;èLowercase e, grave accent&euml;ëLowercase e, dieresis or umlaut mark&iacute;íLowercase i, acute accent&icirc;îLowercase i, circumflex accent&igrave;ìLowercase i, grave accent&iuml;ïLowercase i, dieresis or umlaut mark&ntilde;ñLowercase n, tilde&oacute;óLowercase o, acute accent&ocirc;ôLowercase o, circumflex accent&ograve;òLowercase o, grave accent&oslash;øLowercase o, slash&otilde;õLowercase o, tilde&ouml;öLowercase o, dieresis or umlaut mark&szlig;ßLowercase sharp s, German (sz ligature)&thorn;þLowercase thorn, Icelandic&uacute;úLowercase u, acute accent&ucirc;ûLowercase u, circumflex accent&ugrave;ùLowercase u, grave accent&uuml;üLowercase u, dieresis or umlaut mark&yacute;ýLowercase y, acute accent&yuml;ÿ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大多数人在上网的时候,都会浏览网页提供给我们的信息。

……

相关阅读