ω?zone咕咯

本文深入探讨HTML中字体的大小、颜色、类型及其特殊效果的实现方法,包括使用size、color、font标签等属性,以及特殊字体效果标签如<b>、<i>、<u>等。此外,介绍了如何通过basefont标签设置缺省字体大小和颜色,以及如何利用物理和逻辑字体标签来丰富文本展示。最后,提供了创建个性化网页显示效果的建议。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


======================================================
注:本文源代码点此下载
======================================================

在html语言中,用……标签标注网页中的字体,改变该标签的属*就可以定义字体,其中size属*就是控制字体大小的,它的应用方法是……,其中“*”就是定义字体的大小的数字,它的值是从0~7的数字,可以是正值,也可以是负值。如果是正值的话{必须在数字前带“+”},,那就表示该字体相对于指定的基本字号增加几级,如果是负值的话{必须在数字前“-”},就表示比基本字号减少几级。例如,如果基本字号是4,那么……就表示网页中的实际显示字体是6号,同样,……就表示网页中的实际显示字体是2号。

另外,point-size属*可以直接设定用磅值来定义字体的大小,而不是使用html通常提供的以字号来显示字体的大小。例如……就表示以14磅来显示字体。

二、字体的颜色

定义字体颜色的属*是color,默认的文字的颜色是黑色。color属*值可以用颜色的英文名称来表示,如black{黑色}、red{红色}、 blue{蓝色}、green{绿色}等;也可以用颜色的十六进制代码来表示,如oooooo{黑色}、ffoooo{红色}、ooooff{蓝色}、 oo8ooo{绿色}等。它的使用方法为:或者或者

color=#ffoooo>。

三、字体的类型

如果你想让用户在浏览中按照你设定的字体进行显示,你可以在font标签中用face属*指定要显示的字体,该属*可以同时设定3种字体,如果用户没有安装你指定的第一种字体,浏览器就会用你指定的第二种字体进行显示,如果第二种也没有,则使用第三种字体进行显示,这样就可以控制字体类型,不至于破坏精心设计的网页显示效果。例如我们设定

font 标签可以用来定义网页中任意位置处的字体,使用比较灵活。如果你想给整个网页中的文本定义一个缺省的字体大小和颜色的话,那就要用到basefont标签,basefont标签也具有size和color两个属*,分别用来定义缺省字体的大小和颜色。例如……则网页中的字体将以4号红色字体显示。一般情况下,浏览器默认的字体大小是3号,颜色为黑色。要注意的是,在同一网页中,如果在font标签之前首先使用了basefont标签,那么font标签则只是改变字体的相对值。

四、特殊效果的字体

在网页中除了可以改变字体的类型、大小、颜色外,html语言还有一些标签用来定义字体的特殊效果,让字体呈现出粗体、斜体、下划线等更多变化,下面我们就来了解一下这些特殊效果的字体是如何实现的。

1、特定字体

就是明确指明了字体的类型,无论是何种浏览器,遇到这些表示文字的标签时,都用相同的方式进行显示,这些标签是属于物理意义上的标签,它们主要有:

〈b〉〈/b〉粗体

〈i〉〈/i〉斜体

〈u〉〈/u〉下划线

〈sup〉〈/sup〉上标,将文字显示为上标。

〈sub〉〈/sub〉下标,将文字显示为下标。

〈tt〉〈/tt〉电传打字,该标签可使浏览器用等宽字体来显示文本,从而产生一种电传打字机打印文字的效果。

〈s〉〈/s〉删除线,该标签在指定的文本上画一条删除线。

2、逻辑字体

使用了下面的这些标签后,你并不能像物理字体那样明确知道字体的显示方式,这些标签并不指明字体如何显示,而是让web浏览器自行决定显示方式,不同的浏览器解释的效果可能就不一样,一般情况下浏览器是按下述的方式进行解释显示的,由于没有明确的物理规定,所以这类标签就叫逻辑标签。常见的逻辑标签有:

〈address〉〈/address〉用于将一小段文本显示为一种紧凑的格式化的地址,就像一个模拟信封上的@信地址,一般用斜体进行显示。

一般强调,通常以斜体显示。

特别强调,通常用粗体显示。

以等宽字体显示命令或计算机程序代码。

用于字母序列,用等宽字体显示。

用粗体等宽字体显示文字。

用较小的固定宽度字体显示字体,也可以表示一个程序变量。

用于名词解释,通常用斜体来显示被解释的术语或名词缩写。

用于标题文字,通常用斜体显示。

删除线,用该标签的文字显示时均带有删除线。

缩小字体,比网页中的字体减少一号。

放大字体,比网页中的缺省字体放大一号。

3、标题字体

对于html文档中的标题文字,html语言中专门提供了一个hn标签{n=1~6},用来定义标题文字,标题文字以粗体显示,h1字体最大,依次递减,h6字体最小。

4、字符实体

对html语言中,对每一个ascii字符均制定了一个html代码,这些代表字符的html代码就称作字符实体,因此,在html源代码中,我们可以直接输入字符实体来表示各种文字,但这比较麻烦,而且也不便于记忆,所以我们一般只是在网页中出现一些特殊符号而不便于从键盘上直接输入时才用字符实体,字符实体用“&”+ascii值来表示。

下面是一些特殊符号和它的html代码,显示效果如图所示。

注册商标 ® >大于号 >

板权符号 ©

表示“和” & "引号 "


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值