HTML常用格式。。。。。。。 - 且行且思

HTML定义了一些文本格式的Tag，比如利用Tag，可以将字体变成粗体或者斜体。从下面的示例，你可以了解各种文本格式Tag如何改变HTML文本的显示。

常用文本格式Tag

Tag Tag说明

<b> 粗体bold

<i> 斜体italic

<del> 文字当中划线表示删除

<ins> 文字下划线表示插入

<sub> 下标

<sup> 上标

<blockquote> 缩进表示引用

<pre> 保留空格和换行

<code> 表示计算机代码，等宽字体

++++++++++++++++++++++++++++++++++++++++++++++

如何显示空格

通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 表示空格。

最常用的字符实体(Character Entities)

显示结果说明 Entity Name Entity Number

显示一个空格    

< 小于 < <

> 大于 > >

& &符号 & &

" 双引号 " "

其他常用的字符实体(Character Entities)

显示结果说明 Entity Name Entity Number

© 版权 © ©

® 注册商标 ® ®

× 乘号 × ×

÷ 除号 ÷ ÷

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

HTML利用超链接打开链接文件

先看两个示例

建立一个超链接

这个示例演示了如何在HTML文件里创建超链接。

将一个图片作为一个超链接

这个示例演示了如何将一个图片作为一个超链接，即点击一个图片，可以连接到其它文件。

a和href属性

HTML用<a>来表示超链接，英文叫anchor。

<a>可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：

<a href="url">链接的显示文字</a>

点击<a></a>当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。

比如链接到admin5.com/html站点首页，就可以这样表示：

<a href="http://www.admin5.com/html">站长网站长学院admin5.com/html首页</a>

target属性

使用target属性，可以在一个新窗口里打开链接文件。

<a href="http://www.admin5.com/html" target=_blank>站长网站长学院admin5.com/html首页</a>

示例

title属性

使用 title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。

<a href="http://www.admin5.com/html" title = "站长网站长学院网页教程与代码的中文站点">站长网站长学院网站</a>

如果希望注释多行显示，可以使用
作为换行符。

<a href="http://www.admin5.com/html" title = "站长网站长学院
网页教程与代码的中文站点">站长网站长学院网站</a>

示例

name属性

使用name属性，可以跳转到一个文件的指定部位。

使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name：

<a href="#C1">参见第一章</a>

<a name="C1">第一章</a>

示例

name属性通常用于创建一个大文件的章节目录(table of contents)。每个章节都建立一个链接，放在文件的开始处，每个章节的开头都设置Name属性。当用户点击某个章节的链接时，这个章节的内容就显示在最上面。

如果浏览器不能找到Name指定的部分，则显示文章开头，不报错。

链接到email地址

在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如Outlook Express，然后显示一个新建mail的窗口。用<a>可以实现这样的功能。

<a href = "mailto:info@sina.com">联系新浪</a>

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

以下就是216种Web安全颜色：

#000000 #000033 #000066 #000099 #0000CC #0000FF

#003300 #003333 #003366 #003399 #0033CC #0033FF

#006600 #006633 #006666 #006699 #0066CC #0066FF

#009900 #009933 #009966 #009999 #0099CC #0099FF

#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF

#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF

#330000 #330033 #330066 #330099 #3300CC #3300FF

#333300 #333333 #333366 #333399 #3333CC #3333FF

#336600 #336633 #336666 #336699 #3366CC #3366FF

#339900 #339933 #339966 #339999 #3399CC #3399FF

#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF

#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF

#660000 #660033 #660066 #660099 #6600CC #6600FF

#663300 #663333 #663366 #663399 #6633CC #6633FF

#666600 #666633 #666666 #666699 #6666CC #6666FF

#669900 #669933 #669966 #669999 #6699CC #6699FF

#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF

#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF

#990000 #990033 #990066 #990099 #9900CC #9900FF

#993300 #993333 #993366 #993399 #9933CC #9933FF

#996600 #996633 #996666 #996699 #9966CC #9966FF

#999900 #999933 #999966 #999999 #9999CC #9999FF

#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF

#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF

#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF

#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF

#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF

#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF

#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF

#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF

#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF

#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF

#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF

#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF

#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF

#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

微软支持的颜色名称

下面是微软IE4.0以上都支持的颜色名称：

aliceblue
(#F0F8FF) antiquewhite
(#FAEBD7) aqua
(#00FFFF) aquamarine
(#7FFFD4)

azure
(#F0FFFF) beige
(#F5F5DC) bisque
(#FFE4C4) black
(#000000)

blanchedalmond
(#FFEBCD) blue
(#0000FF) blueviolet
(#8A2BE2) brown
(#A52A2A)

burlywood
(#DEB887) cadetblue
(#5F9EA0) chartreuse
(#7FFF00) chocolate
(#D2691E)

coral
(#FF7F50) cornflowerblue
(#6495ED) cornsilk
(#FFF8DC) crimson
(#DC143C)

cyan
(#00FFFF) darkblue
(#00008B) darkcyan
(#008B8B) darkgoldenrod
(#B8860B)

darkgray
(#A9A9A9) darkgreen
(#006400) darkkhaki
(#BDB76B) darkmagenta
(#8B008B)

darkolivegreen
(#556B2F) darkorange
(#FF8C00) darkorchid
(#9932CC) darkred
(#8B0000)

darksalmon
(#E9967A) darkseagreen
(#8FBC8B) darkslateblue
(#483D8B) darkslategray
(#2F4F4F)

darkturquoise
(#00CED1) darkviolet
(#9400D3) deeppink
(#FF1493) deepskyblue
(#00BFFF)

dimgray
(#696969) dodgerblue
(#1E90FF) firebrick
(#B22222) floralwhite
(#FFFAF0)

forestgreen
(#228B22) fuchsia
(#FF00FF) gainsboro
(#DCDCDC) ghostwhite
(#F8F8FF)

gold
(#FFD700) goldenrod
(#DAA520) gray
(#808080) green
(#008000)

greenyellow
(#ADFF2F) honeydew
(#F0FFF0) hotpink
(#FF69B4) indianred
(#CD5C5C)

indigo
(#4B0082) ivory
(#FFFFF0) khaki
(#F0E68C) lavender
(#E6E6FA)

lavenderblush
(#FFF0F5) lawngreen
(#7CFC00) lemonchiffon
(#FFFACD) lightblue
(#ADD8E6)

lightcoral
(#F08080) lightcyan
(#E0FFFF) lightgoldenrodyellow
(#FAFAD2) lightgreen
(#90EE90)

lightgrey
(#D3D3D3) lightpink
(#FFB6C1) lightsalmon
(#FFA07A) lightseagreen
(#20B2AA)

lightskyblue
(#87CEFA) lightslategray
(#778899) lightsteelblue
(#B0C4DE) lightyellow
(#FFFFE0)

lime
(#00FF00) limegreen
(#32CD32) linen
(#FAF0E6) magenta
(#FF00FF)

maroon
(#800000) mediumaquamarine
(#66CDAA) mediumblue
(#0000CD) mediumorchid
(#BA55D3)

mediumpurple
(#9370DB) mediumseagreen
(#3CB371) mediumslateblue
(#7B68EE) mediumspringgreen
(#00FA9A)

mediumturquoise
(#48D1CC) mediumvioletred
(#C71585) midnightblue
(#191970) mintcream
(#F5FFFA)

mistyrose
(#FFE4E1) moccasin
(#FFE4B5) navajowhite
(#FFDEAD) navy
(#000080)

oldlace
(#FDF5E6) olive
(#808000) olivedrab
(#6B8E23) orange
(#FFA500)

orangered
(#FF4500) orchid
(#DA70D6) palegoldenrod
(#EEE8AA) palegreen
(#98FB98)

paleturquoise
(#AFEEEE) palevioletred
(#DB7093) papayawhip
(#FFEFD5) peachpuff
(#FFDAB9)

peru
(#CD853F) pink
(#FFC0CB) plum
(#DDA0DD) powderblue
(#B0E0E6)

purple
(#800080) red
(#FF0000) rosybrown
(#BC8F8F) royalblue
(#4169E1)

saddlebrown
(#8B4513) salmon
(#FA8072) sandybrown
(#F4A460) seagreen
(#2E8B57)

seashell
(#FFF5EE) sienna
(#A0522D) silver
(#C0C0C0) skyblue
(#87CEEB)

slateblue
(#6A5ACD) slategray
(#708090) snow
(#FFFAFA) springgreen
(#00FF7F)

steelblue
(#4682B4) tan
(#D2B48C) teal
(#008080) thistle
(#D8BFD8)

tomato
(#FF6347) turquoise
(#40E0D0) violet
(#EE82EE) wheat
(#F5DEB3)

white
(#FFFFFF) whitesmoke
(#F5F5F5) yellow
(#FFFF00) yellowgreen
(#9ACD32)

Tag	Tag说明
<b>	粗体bold
<i>	斜体italic
<del>	文字当中划线表示删除
<ins>	文字下划线表示插入
<sub>	下标
<sup>	上标
<blockquote>	缩进表示引用
<pre>	保留空格和换行
<code>	表示计算机代码，等宽字体

显示结果	说明	Entity Name	Entity Number
	显示一个空格
<	小于	<	<
>	大于	>	>
&	&符号	&	&
"	双引号	"	"

#000000	#000033	#000066	#000099	#0000CC	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300CC	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600CC	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#CC0000	#CC0033	#CC0066	#CC0099	#CC00CC	#CC00FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#CC6600	#CC6633	#CC6666	#CC6699	#CC66CC	#CC66FF
#CC9900	#CC9933	#CC9966	#CC9999	#CC99CC	#CC99FF
#CCCC00	#CCCC33	#CCCC66	#CCCC99	#CCCCCC	#CCCCFF
#CCFF00	#CCFF33	#CCFF66	#CCFF99	#CCFFCC	#CCFFFF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#FF6600	#FF6633	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF

aliceblue (#F0F8FF)	antiquewhite (#FAEBD7)	aqua (#00FFFF)	aquamarine (#7FFFD4)
azure (#F0FFFF)	beige (#F5F5DC)	bisque (#FFE4C4)	black (#000000)
blanchedalmond (#FFEBCD)	blue (#0000FF)	blueviolet (#8A2BE2)	brown (#A52A2A)
burlywood (#DEB887)	cadetblue (#5F9EA0)	chartreuse (#7FFF00)	chocolate (#D2691E)
coral (#FF7F50)	cornflowerblue (#6495ED)	cornsilk (#FFF8DC)	crimson (#DC143C)
cyan (#00FFFF)	darkblue (#00008B)	darkcyan (#008B8B)	darkgoldenrod (#B8860B)
darkgray (#A9A9A9)	darkgreen (#006400)	darkkhaki (#BDB76B)	darkmagenta (#8B008B)
darkolivegreen (#556B2F)	darkorange (#FF8C00)	darkorchid (#9932CC)	darkred (#8B0000)
darksalmon (#E9967A)	darkseagreen (#8FBC8B)	darkslateblue (#483D8B)	darkslategray (#2F4F4F)
darkturquoise (#00CED1)	darkviolet (#9400D3)	deeppink (#FF1493)	deepskyblue (#00BFFF)
dimgray (#696969)	dodgerblue (#1E90FF)	firebrick (#B22222)	floralwhite (#FFFAF0)
forestgreen (#228B22)	fuchsia (#FF00FF)	gainsboro (#DCDCDC)	ghostwhite (#F8F8FF)
gold (#FFD700)	goldenrod (#DAA520)	gray (#808080)	green (#008000)
greenyellow (#ADFF2F)	honeydew (#F0FFF0)	hotpink (#FF69B4)	indianred (#CD5C5C)
indigo (#4B0082)	ivory (#FFFFF0)	khaki (#F0E68C)	lavender (#E6E6FA)
lavenderblush (#FFF0F5)	lawngreen (#7CFC00)	lemonchiffon (#FFFACD)	lightblue (#ADD8E6)
lightcoral (#F08080)	lightcyan (#E0FFFF)	lightgoldenrodyellow (#FAFAD2)	lightgreen (#90EE90)
lightgrey (#D3D3D3)	lightpink (#FFB6C1)	lightsalmon (#FFA07A)	lightseagreen (#20B2AA)
lightskyblue (#87CEFA)	lightslategray (#778899)	lightsteelblue (#B0C4DE)	lightyellow (#FFFFE0)
lime (#00FF00)	limegreen (#32CD32)	linen (#FAF0E6)	magenta (#FF00FF)
maroon (#800000)	mediumaquamarine (#66CDAA)	mediumblue (#0000CD)	mediumorchid (#BA55D3)
mediumpurple (#9370DB)	mediumseagreen (#3CB371)	mediumslateblue (#7B68EE)	mediumspringgreen (#00FA9A)
mediumturquoise (#48D1CC)	mediumvioletred (#C71585)	midnightblue (#191970)	mintcream (#F5FFFA)
mistyrose (#FFE4E1)	moccasin (#FFE4B5)	navajowhite (#FFDEAD)	navy (#000080)
oldlace (#FDF5E6)	olive (#808000)	olivedrab (#6B8E23)	orange (#FFA500)
orangered (#FF4500)	orchid (#DA70D6)	palegoldenrod (#EEE8AA)	palegreen (#98FB98)
paleturquoise (#AFEEEE)	palevioletred (#DB7093)	papayawhip (#FFEFD5)	peachpuff (#FFDAB9)
peru (#CD853F)	pink (#FFC0CB)	plum (#DDA0DD)	powderblue (#B0E0E6)
purple (#800080)	red (#FF0000)	rosybrown (#BC8F8F)	royalblue (#4169E1)
saddlebrown (#8B4513)	salmon (#FA8072)	sandybrown (#F4A460)	seagreen (#2E8B57)
seashell (#FFF5EE)	sienna (#A0522D)	silver (#C0C0C0)	skyblue (#87CEEB)
slateblue (#6A5ACD)	slategray (#708090)	snow (#FFFAFA)	springgreen (#00FF7F)
steelblue (#4682B4)	tan (#D2B48C)	teal (#008080)	thistle (#D8BFD8)
tomato (#FF6347)	turquoise (#40E0D0)	violet (#EE82EE)	wheat (#F5DEB3)
white (#FFFFFF)	whitesmoke (#F5F5F5)	yellow (#FFFF00)	yellowgreen (#9ACD32)