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)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
2007-01-10 实现天气预报类···························