首页 > HTML教程_HTML语言视频教程 > 字体(font)及其属性-HTML基础教程(3)

HTML教程_HTML语言视频教程

字体(font)及其属性-HTML基础教程(3)

发布:E时代科技  分类:HTML教程_HTML语言视频教程 浏览:2655 次

  字体(font)及其属性-HTML基础教程(3)

  这一讲,我们来学习字体及其属性,然后大家在学习完后制作一下,看看它的每一个属性所表现的效果。

  字体,英文font,这html语言中也是它---font,下面咱们来研究一下font:

  1、标题字体《h#》 文字 《/h#》 # =1,2,3,4,5,6

  比如:《h1》今天天气真好!《/h1》

  注意:这些一般的用在标题上,所以起名叫标题字体;《h#》 。。.《/h#》 这些标记显示黑体字;这些标记自动插入一个空行,不必用 《p》 标记再加空行,因此在一行中无法使用不同大小的字体。

  2、字体的大小,用于一般文字。

  《font size=#》 文字《/font》 #=1, 2, 3, 4, 5, 6, 7 or +#, -#

  《basefont size=#》 #=1, 2, 3, 4, 5, 6, 7

  例子:《font size=7》今天天气真好!《/font》

  3、逻辑字体(Logical Style)

  下划线:《u》文字《/u》,代码:《code》文字《/code》,删除线:《strike》文字《/strike》,闪烁:《blink》文字《/blink》,增强:《strong》文字《/strong》,强调:《em》文字《/em》,示例:《samp》文字《/samp》,还有老多,一般的这些了解一下就可以。

  4、字体的标志,很常用的。粗体:《b》文字《/b》,斜体:《i》文字《/i》

  5、字体颜色

  指定颜色 《font color=#》 文字 《/font》 # =“#rrggbb” 16 进制数码,或者是下列预定义色彩:

  Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

  对于16 进制编码的颜色,我们可以这样理解rrggbb六个字符:前两个表示红色,中间的两个表示绿色,后两个表示蓝色;那么,红色(red)ff0000,同样绿色(green)00ff00,蓝色0000ff;其它的颜色就是这几个字符(0-9,a-f)的组合。

  比如:《font color=red》 文字 《/font》 红色文字

  《font color=#ff0000》 文字 《/font》 红色文字

  大家看看《font color=#rrggbb》 文字 《/font》是什么颜色的文字

  6、客户端字体(Font Face)

  《font face=“#, #, 。。., #”》 。。. 《/font》 #=客户端可获得的字体,什么是客户端,通俗的讲,就是你的电脑,face=“#”就是从你的电脑获得的字体,大家可以点击

  客户端字体(Font Face)示例 。

  7、字符实体(Entities),字符实体一般用在把html里的符号显示在页面上比如“《”、“&”等,如果你单独的打上《,页面也可以显示,但如果你想显示《b》这几个字符,怎么办呢?就是它啦。

  &#; #=字符实体名称 或者 ascii 值

  & &

  《 《

  》 》

  “ ”

  这些只是一小部分,那么要显示《b》就要写成《b》了。

  以上学到的我们可以综合使用:比如《font size=2 color=#ff0000》《i》《b》文字《/b》《/i》《/font》

  注意写的时候要前后一致前面《b》后边对应的也应该《/b》

  好了,关于字体(font)及其属性-HTML基础教程(3)就讲完了!

  查看更多HTML教程》》》》》