欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

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

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

本篇文章主要的介绍了关于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属性是如何做到页面拖动效果的?方法总结在这里! 本文地址:http://itbyc.com/web/html5/20771.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1