您的位置：首页 → 网页设计 → HTML/CSS  → HTML语言剖析(6)

HTML语言剖析(6)

时间：2004/11/7 2:39:00来源：本站整理作者：蓝点我要评论(0)

　

其他标记






























■ ：
只适用於 IE ，译为「跑马灯」如 Status Bar 的那种，意指走动或卷动的 文字，其参数设定狻多。我先举些例子，然後再列出各参数。

例子一：








原始码 I'm a small MARQUEE
显示结果

I'm a small MARQUEE

例子二：








原始码 This is a slide effect
显示结果

This is a slide effect

例子三：








原始码 撞来撞去，啊！我昏啦
显示结果

撞来撞去，啊！我昏啦

例子四：








原始码 哗！！太快了，我又昏啦
显示结果

哗！！太快了，我又昏啦

behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello


  • 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"
    文字卷动的停顿时间，单位是毫秒。







是令文字闪烁，只适用於 NC，用法直接，没有参数。看看例子便知：

例子：








原始码 我是天上星，闪又闪
显示结果
我是天上星，闪又闪








可让某些 Web Server 找寻网页内的关键字，假如你的 Web Server 提供这样的 找寻功能，使用者的浏览器也支援这些找寻功能，那堋，载入网页时就会看到一个简单的 找寻方块。其用法直接，没有参数，本来是要放於 标记内的，但把它放在 标记内亦不见有问题，请记住，3W 以反对此标记。

例子：








原始码
显示结果



可以搜索该索引。请键入要搜索的关键字:








是放於 与 之间的标记，功用与变化等对，所以我公式化地介 绍。


  • 该网页的描述，作用於寻找引擎的登录



  • 该网页的关键字，作用於寻找引擎的登录




  • 以上行功能相同，都是要浏览器重新载入该页，不要使用快取档案，当然可以修 改该 Expire 时间。




  • 设定这是 HTML 文件及其编码语系，中文网页请使用 big5 那行，或者不设编码亦 可，纯英文网页建议使用 iso-8859-1。




  • 这只表示该网页由甚堋编辑器写成。



  • 这一行较为实用，能於预定秒数内自动转到指定的网址。原始码中 10 表示 10秒。







用来将目前文件与其它 URL 作连结，但不会有连结按钮，用於 标记间， 格式如下：


其用法我们会於 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 常用颜色表：










































































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

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 页面进入效果表单 XHTML校验需要注意的6个细节CSS样式表创建美妙绝伦的网站了解XHTML DHTML SHTML之间的区别HTML小技巧的一些小技巧

人气排行 容易被误解的overflow:hiddenCSS中dashed和dotted的区别CSS水平和垂直居中的几种实现方法DIV+CSS自适应高度兼容IE6,ie7,ie8和FF的解css优先级问题如何用CSS实现图片圆角化处理超链接target=_blank的使用方法Ctrl+H键的用法