在HTML代码里,字体的定义并不是很难,我们只需用<font>标签即可定义字体、字号、字体颜色等。<font> 标签原则上要求成对出现,即在被修饰的字体前使用<font>引导,在被修饰的文字后用</font>结尾。下面给出例子和效果及相关说明: 语法:<font face=黑体 size=4 color=red>阿里在线</font>
效果:阿里在线
说明:<font>标签里,face为字体名称,“=黑体”即表示被修饰的文字即“黑马在线动力”的字体为黑体,至于定义为什么字体,看你的喜好了,如果你所设置的字体不存在,系统自动使用默认字体显示(如中文Windows平台下宋体就是默认字体);size表示字号,论坛里可用字号是1号到7号,通常数字越大字号也就越大(也有的论坛相反),如果用户定义的字号超过7号则以7号显示(但还有其他方法突破7号字体,稍后我们会讨论到的);color用来定义文字的显示颜色,其值放在和前面的各元素一样放在等号的后面,颜色的表示方式可用少量的颜色英文明文,也可用Web色码方式,如#ff0000,色码表请参阅色码表
色 码 表 |
| eeeeee | ff00cc | ff66ff | ff00ff | | dddddd | ffcccc | ff66cc | ff00cc | | cccccc | ffcc99 | ff6699 | ff0099 | | bbbbbb | ffcc66 | ff6666 | ff0066 | | aaaaaa | ffcc33 | ff6633 | ff0033 | | 999999 | ffcc00 | ff6600 | ff0000 | | 888888 | ccccff | cc66ff | cc00ff | | 777777 | cccccc | cc66cc | cc00cc | | 666666 | cccc99 | cc6699 | cc0099 | | 555555 | cccc66 | cc6666 | cc0066 | | 444444 | cccc33 | cc6633 | cc0033 | | 333333 | cccc00 | cc6600 | cc0000 | | 222222 | 99ccff | 9966ff | 9900ff | | 111111 | 99cccc | 9966cc | 9900cc | | 000000 | 99cc99 | 996699 | 990099 | | ff0000 | 99cc66 | 996666 | 990066 | | ee0000 | 99cc33 | 996633 | 990033 | | dd0000 | 99cc00 | 996600 | 990000 | | cc0000 | 66ccff | 6666ff | 6600ff | | bb0000 | 66cccc | 6666cc | 6600cc | | aa0000 | 66cc99 | 666699 | 660099 | | 990000 | 66cc66 | 666666 | 660066 | | 880000 | 66cc33 | 666633 | 660033 | | 770000 | 66cc00 | 666600 | 660000 | | 660000 | 33ccff | 3366ff | 3300ff | | 550000 | 33cccc | 3366cc | 3300cc | | 440000 | 33cc99 | 336699 | 330099 | | 330000 | 33cc66 | 336666 | 330066 | | 220000 | 33cc33 | 336633 | 330033 | | 110000 | 33cc00 | 336600 | 330000 | | ffffff | 00ccff | 0066ff | 0000ff | | ffffcc | 00cccc | 0066cc | 0000cc | | ffff99 | 00cc99 | 006699 | 000099 | | ffff66 | 00cc66 | 006666 | 000066 | | ffff33 | 00cc33 | 006633 | 000033 | | ffff00 | 00cc00 | 006600 | 000000 | | ccffff | ff99ff | ff33ff | 00ff00 | | ccffcc | ff99cc | ff33cc | 00ee00 | | ccff99 | ff9999 | ff3399 | 00dd00 | | ccff66 | ff9966 | ff3366 | 00cc00 | | ccff33 | ff9933 | ff3333 | 00bb00 | | ccff00 | ff9900 | ff3300 | 00aa00 | | 99ffff | cc99ff | cc33ff | 990099 | | 99ffcc | cc99cc | cc33cc | 008800 | | 99ff99 | cc9999 | cc3399 | 007700 | | 99ff66 | cc9966 | cc3366 | 006600 | | 99ff33 | cc9933 | cc3333 | 005500 | | 99ff00 | cc9900 | cc3300 | 004400 | | 66ffff | 9999ff | 9933ff | 003300 | | 66ffcc | 9999cc | 9933cc | 002200 | | 66ff99 | 999999 | 993399 | 001100 | | 66ff66 | 999966 | 993366 | 0000ff | | 66ff33 | 999933 | 993333 | 0000ee | | 66ff00 | 999900 | 993300 | 0000dd | | 33ffff | 6699ff | 6633ff | 0000cc | | 33ffcc | 6699cc | 6633cc | 0000bb | | 33ff99 | 669999 | 663399 | 0000aa | | 33ff66 | 669966 | 663366 | 000099 | | 33ff33 | 669933 | 663333 | 000088 | | 33ff00 | 669900 | 663300 | 000077 | | 00ffff | 3399ff | 3333ff | 000066 | | 00ffcc | 3399cc | 3333cc | 000055 | | 00ff99 | 339999 | 333399 | 000044 | | 00ff66 | 339966 | 333366 | 000033 | | 00ff33 | 339933 | 333333 | 000022 | | 00ff00 | 339900 | 333300 | 000011 | | 0099ff | 0033ff | 0099cc | 0033cc | | 009999 | 003399 | 009966 | 003366 | | 009933 | 003333 | 009900 | 003300 |
|
size还有一种赋值方法,形式如下:
<font size=+1>阿里在线</font>
这类表达式适用于未使用CSS设定的页面,它表示被修饰的文字在默认字号基础上加大一号。
字体修饰还用到其他的标签,分别介绍如下:
粗体:<b>文字</b> (例:文字)
加重:<strong>文字</strong> (例:文字)
上标:<sup>文字</sup> (例:文字)
下标:<sub>文字</sub> (例:文字)
斜体:<i>文字</i> (例:文字)
下划线:<u>文字</u> (例:文字)
提示:连同<font>标签一块,以上这些修饰方法,只要不相互冲突就可以结合起来使用。
标题修饰:<hx>文字</hx>。其中,x为1到6的数字。以下是h1到h6的标题式样效果,我们可以看到,字号是逐渐变小的:
标题一
标题二
标题三
标题四
标题五
标题六
【公告】阿里巴巴第七届学习活动课程总目录
[
1234]
.[第七讲]正确理解代码结构--晨光辉[学习活动7]
.[第八讲]学习代码的方法和技巧--晨光辉[学习活动7]
特效文字代码[学习活动7]
学做制作边框[学习活动7]
大家来动手制作边框加字[学习活动7]
图片特效使用技巧[学习活动7]
字体移动代码[学习活动7]
怎样制作表格边框[学习活动7]
教你怎样制作美丽的图文帖子
宽屏图片如何编辑[学习活动7]
颜色代码与配色方案[学习活动7]
150HTML编辑模式下制作表格(补充)[学习活动7]
如何制作图片的卷页效果[学习活动7]
不是版主如何在论坛加音乐[学习活动7]
教你如何加文章的背景音乐[学习活动7]
制作漂亮的播放器代码[学习活动7]
如何在自己的博客里加入FLASH[学习活动7]
教你如何做滚动图片[学习活动7]
晨光辉製圖教材集-晨光辉