HTML字体属性
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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 字体字型的设置
五、使文字倾斜
用双标签可使被作用文字倾斜,达到特殊的效果,例如文章的日期。被称为强调标签,也是斜体,目前使用比标签更频繁,其编写方法如下:
这是斜体文字
这也是斜体文字
六、使文字加粗
用双标签可使被作用文字加粗,是文字更加醒目,例如文章的标题部分。被称为特别强调标签,也是文字加粗,目前使用比
标签更频繁,其编写方法如下:
这是粗体文字
这也是粗体文字