零基础建站培训介绍

当前位置:

HTML字体标签:如何控制字体大小与颜色

以下为学做网站论坛关于“HTML字体标签:如何控制字体大小与颜色”讲解视频教程。

课程介绍

HTML字体标签:如何控制字体大小与颜色是由学做网站论坛录制或发布的HTML 网页制作教程的8500节。
HTML字体标签:如何控制字体大小与颜色主讲老师为来自学做网站论坛的张启亚老师发布。本课程已被学做网站论坛用户学习16,510次。
张启亚老师已在学做网站论坛发布了包括 HTML字体标签:如何控制字体大小与颜色 在内的1004节高质量视频教程。

HTML <font>标签之html文字字体、html字体颜色、html字体大小设置标签元素

一、font标签语法与结构


<font color="#FF0000">www.xuewangzhan.net 颜色</font>

Font color设置文本颜色为红色“#FF0000” ,你可能想了解css字体颜色:css color


<font size="6">www.xuewangzhan.net 文字大小</font>

Font size设置文本文字大小尺寸为6 ,你可能想了解css字体大小:css font-size


<font face="微软雅黑">微软雅黑 字体</font>

Font face设置文本字体为“微软雅黑” ,你可能想了解css字体设置: css font-family

二、Font标签说明

常常我们在一个网页中直接使用font标签进行对文本设置文本字体、文本文字大小、文本颜色等样式。

三、Font应用案例html代码


<font color="#FF0000">www.xuewangzhan.net 设置文本颜色</font><br />
<font size="6">www.xuewangzhan.net 设置文本字体大小</font><br />
<font face="微软雅黑">微软雅黑字体 设置了文本字体</font>

四、对于font直接设置网页文本样式标签总结

  • 1)、使用font size设置文字大小
  • 2)、使用html font标签face属性 设置文字字体
  • 3)、使用html font color 设置文字颜色

<font color="#509A47" size = "6" face="微软雅黑">www.xuewangzhan.net 设置文本颜色 大小 字体</font><br />

代码架构:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> //浏览器识别编码的字体,以防出现乱码
<title>在线演示 学做网站论坛</title> //标题
</head>
<body>
<font size="2">在线演示测试<font size="4">文字</font>,
欢迎访问学做网站论坛学习网站!</font>
</body>
</html>
font size 用于设定字体大小
!DOCTYPE html 是声明html的必不可少的一部分,必须放在所有代码的前面
head 文档题目
body 在里面写代码和输出,是网页的核心

文本样式的常用属性
text-align 设置文本的水平对齐方式
line-height 设置行高
text-decoration 设置文本修饰效果
text-indent 设置段落的首行缩进
word-wrap 设置文本换行
color 设置文本颜色
background-color 设置文本的背景颜色

字体颜色与表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>font字体颜色在线实例 学做网站论坛</title>
</head>
<body>
<font color="#FF0000">我是红色字体</font>
<table width="300" border="1">
<tr>
<td><font color="#0000FF">你好</font></td>
<td>学做网站论坛</td>
</tr>
</table>
</body>
</html>
color=" " 设置字体颜色
table 表格标签,设置表格宽度
tr 把每个元素按行分隔开
td 把同一行的元素分隔,固定格式放在“tr”后

设置字体居中大小和字体类型
<div style="font:12px bolder '微软雅黑'; text-align:center;">
</div>
font family 设置字体类型
style="background-color:red;" 设置背景颜色为红色

相关阅读:

1、bootstrap字体图标

css设置font-style字体斜体样式

html 字体标签

css实现网页调用服务器端字体@font-face属性

HTML字体加粗标签怎么写

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注