HTML字体属性

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

HTML字体属性

一、文字样式设置的基本标签—

设置字体样式的基本标签是,被其包含的文本为样式作用区。在初学者的HTML代码编写中,容易被多重嵌套,如文本。还有一种情况是标签嵌套错位,如

文本

。为了规范代码的编写,避免不必要的错误,读者在初学时一定要谨慎。

二、设置文字的颜色

color是标签的属性之一,用于设置文字颜色。编写代码如代码2.1所示。

代码2.1 字体颜色的设置:font_color.htm

字体颜色的设置

浅红色文字:HTML学习的本质就是该是什么就用什么

深红色文字:HTML学习的本质就是该是什么就用什么

浅绿色文字:HTML学习的本质就是该是什么就用什么

深绿色文字:HTML学习的本质就是该是什么就用什么

浅蓝色文字:HTML学习的本质就是该是什么就用什么

深蓝色文字:HTML学习的本质就是该是什么就用什么

浅黄色文字:HTML学习的本质就是该是什么就用什么

深黄色文字:HTML学习的本质就是该是什么就用什么

浅青色文字:HTML学习的本质就是该是什么就用什么

深青色文字:HTML学习的本质就是该是什么就用什么

浅紫色文字:HTML学习的本质就是该是什么就用什么

深紫色文字:HTML学习的本质就是该是什么就用什么

浏览效果如图2.2所示。

图2.1 字体颜色的设置

三、设置文字的尺寸

size也是标签的属性,用于设置文字大小。size的值为1-7,默认为3。我们可以size 属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。编写代码如代码2.2所示。

代码2.2 字体尺寸的设置:font_size.htm

字体尺寸的设置

size为1:HTML学习

size为2:HTML学习

size为3:HTML学习

size为4:HTML学习

size为5:HTML学习

size为6:HTML学习

size为7:HTML学习

浏览效果如图2.2所示。

图4.8 字体尺寸的设置

可尝试在size值前面加上“+”、“-”字符,更灵活地设置文字尺寸。

四、设置文字的字体

face也是标签的属性,用于设置文字字体(字型)。HTML网页中显示的字型从浏览端的系统中调用,所以为了保持字型一致,建议采用宋体,HTML页面也是默认采用宋体。编写代码如代码2.3所示。

代码2.3 字体字型的设置:font_face.htm

字体字型的设置

字型为宋体:沁园春·长沙-毛泽东

字型为楷体:沁园春·长沙-毛泽东

字型为黑体:沁园春·长沙-毛泽东

字型为隶书:沁园春·长沙-毛泽东

浏览效果如图2.3所示。

图4.9 字体字型的设置

五、使文字倾斜

用双标签可使被作用文字倾斜,达到特殊的效果,例如文章的日期。被称为强调标签,也是斜体,目前使用比标签更频繁,其编写方法如下:

这是斜体文字

这也是斜体文字

六、使文字加粗

用双标签可使被作用文字加粗,是文字更加醒目,例如文章的标题部分。被称为特别强调标签,也是文字加粗,目前使用比

标签更频繁,其编写方法如下:

这是粗体文字

这也是粗体文字