首页 > web前端 > html教程 > html font标签如何设置字体大小?html font标签属性用法介绍

html font标签如何设置字体大小?html font标签属性用法介绍

寻∝梦
发布: 2018-09-01 13:37:15
原创
12871 人浏览过

本篇文章主要的介绍了关于HTML font标签是怎么设置字体大小的,这个其实和css差不多,但是其他两个font标签的属性用不了,用css代替了,但是我们这该介绍的还是要介绍的,免得有人忘了,介绍了HTML font标签的三个属性。让我们一起来看看这篇文章吧

首先我们先来看看html font标签是如何来设置字体大小的:

都只到html font标签是个专门用来设置字体的标签,虽然在html5中用的会很少(因为都用css样式来设置font标签里面的属性),但是个人觉得font标签还是相当强大的标签的,为什么这么说呢,看下去就知道了。

先让我们看一个代码实例:

<body>
    <p>这里是<font size="50">PHP中文网</font>,欢迎大家来到PHP中文网,这里有很全面的编程课程</p>
</body>
登录后复制

为了更明显的显示出来,我们现在弄了个这么大的字,让大家看的更清楚。在浏览器中显示的效果如图:

tuyi.png

可以看出来吧,我把font标签里面的字体改的这么大,应该很清楚很直观吧。

现在我们就把第一个问题,font改变字体大小解释完了。(想看更多关于HTML编程的课程,欢迎来到PHP中文网)

现在让我们来看看关于html font标签属性的用法了:

刚刚只是介绍了html font标签的一种可以改变字体大小的属性。

现在我们再来介绍两种HTML font标签的属性

  • font face属性,是一种可以定义字体的属性;

  • font color属性,是一种可以定义字体颜色的属性

让我们一一来看一下:

先说说font face属性,只要是你电脑上有的字体样式,都能用在这上面显示出来。

比如来看一下代码实例:

<body>
    <p>这里是<font size="50">PHP中文网</font>,欢迎大家来到<font face:"黑体">PHP中文网</font>,这里有很全面的编程课程</p>
</body>
登录后复制

这代码就不显示图片了,直接看代码吧,上面加了个字体家族,里面写了个黑体,说明直接把这行文字的文字样式直接弄成黑体显示了,因为实在显示不出什么效果,所以就没图看了。

我们自己清楚就行了,要是自己试验不行的话,可以加上css样式的,在css样式字体里面设置font-family:"黑体"就行了,也是很简单的。

现在说说第二个font color属性,一种定义字体颜色的属性。老规矩,还是看代码实例:

<body>
    <p>这里是<font size="50">PHP中文网</font>,欢迎大家来到<font face="黑体">PHP中文网</font>,这里有很全面的<font color="red">编程课程</font></p>
</body>
登录后复制

这个在最后的编程课程中加上了一个字体标签,颜色弄成了红色的。这个效果也很明显,我们来让它在浏览器中显示一下:

tusan.png

如图所示,这很明显了吧,这就是把字体弄成红色的了,实际上那个黑体也能看出来点,虽然不太明显,但是我还是都圈出来了,大家看看就行了。

这HTML font标签现在用的越来越少了,基本上会css的人都喜欢用css的样式来定义字体的样式,比如改变颜色之类的,但是我可能是有怀旧情结吧,只要能显示出来,我就用font标签内的属性。不用css属性。

【小编推荐】

html5 embed标签的loop属性是怎么用的?embed标签的属性总结!

html5draggable属性是如何做到页面拖动效果的?方法总结在这里!

以上是html font标签如何设置字体大小?html font标签属性用法介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板