时间:2021-07-01 10:21:17 帮助过:296人阅读
首先我们先来看看html font标签是如何来设置字体大小的:
都只到html font标签是个专门用来设置字体的标签,虽然在html5中用的会很少(因为都用css样式来设置font标签里面的属性),但是个人觉得font标签还是相当强大的标签的,为什么这么说呢,看下去就知道了。
先让我们看一个代码实例:
<body> <p>这里是<font size="50">PHP中文网</font>,欢迎大家来到PHP中文网,这里有很全面的编程课程</p> </body>
为了更明显的显示出来,我们现在弄了个这么大的字,让大家看的更清楚。在浏览器中显示的效果如图:
可以看出来吧,我把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>
这个在最后的编程课程中加上了一个字体标签,颜色弄成了红色的。这个效果也很明显,我们来让它在浏览器中显示一下:
如图所示,这很明显了吧,这就是把字体弄成红色的了,实际上那个黑体也能看出来点,虽然不太明显,但是我还是都圈出来了,大家看看就行了。
这HTML font标签现在用的越来越少了,基本上会css的人都喜欢用css的样式来定义字体的样式,比如改变颜色之类的,但是我可能是有怀旧情结吧,只要能显示出来,我就用font标签内的属性。不用css属性。
【小编推荐】
html5 embed标签的loop属性是怎么用的?embed标签的属性总结!
html5draggable属性是如何做到页面拖动效果的?方法总结在这里!
以上就是html font标签如何设置字体大小?html font标签属性用法介绍的详细内容,更多请关注Gxl网其它相关文章!