3.5 字体实例

本章主要讲解字体标记的用法,字体分为物理字体和逻辑字体,并可以设置字体的大小和颜色等,本实例从字体入手,对字体大小、颜色等样式进行演示,以下按步骤讲解。

3.5.1 插入字体<font>

在HTML基本结构代码中,输入字体标记,标记对内的内容为“HTML+CSS完全自学手册”,代表控制这行文本的字体,代码3.7表示文字在<font></font>内。

代码3.7 源代码\第3章\字体实例.html


—————————————-文件名:字体实例手把手.html—————————————-

01 <html>

02 <head>

03 <title>字体实例</title>

04 </head>

05 <body>

06 <!—下面一行表示字体标签—>

07 <font>HTML+CSS完全自学手册</font><!-下面都是在这一行添加标记对—>

08 </body>

09 </html>


【代码解析】通过在网页体中输入字体标记,即插入一行文本,代码第7行文本被字体标记<font>修饰着,在没有设置其他参数的条件下,各参数都为默认值,效果如图3.7所示。

3.5 字体实例 - 图1

图 3.7 插入字体