首页 > web前端 > html教程 > html font标签是什么?<font>标签的属性的详细介绍

html font标签是什么?<font>标签的属性的详细介绍

寻∝梦
发布: 2018-08-21 14:22:50
原创
34203 人浏览过

html font标签是什么?标签的属性的详细介绍,本篇文章为大家介绍了html font标签的定义和实例,还有关于html font标签的三个常用属性的详解,最后给大家介绍的就是与font标签有关的css样式属性,因为现在主流的是用css来给html添加一些常用的属性,希望你们能认真阅读本章。

HTML标签的定义和用法:

HTML中标签意思是:规定文本的字体、字体尺寸、字体颜色。

标签常用的属性有:color(文本颜色)、size(文本大小)、face(文本字体)等

html font标签的实例

规定文本字体、大小和颜色:

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
登录后复制

html font标签的标准属性:

id, class, title, style, dir, lang, xml:lang

HTML 标签的 color 属性

html font标签的color属性的定义和用法:

color 属性规定 font 元素中文本的颜色。

HTML 标签实例:

规定文本的颜色:

<font color="red">This is some text!</font>
登录后复制

html font标签的color属性的语法

<font color="value">
登录后复制

HTML 标签的 size 属性

html font标签的size属性的定义和用法:

size 属性规定 font 元素中文本的尺寸大小。

HTML 标签实例

规定文本的大小:

<font size="5">This is some text!</font>
登录后复制

html font标签的size属性的语法:

<font size="value">
登录后复制

html font标签的size属性的属性值:

number : 规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3。

HTML 标签的 face 属性

html font标签的size属性的定义和用法:

face 属性规定 font 元素中文本的字体。

HTML 标签实例

规定文本的字体:

<font face="verdana">This is some text!</font>
登录后复制

html font标签的size属性的语法:

<font face="value">
登录后复制

html font标签的size属性的属性值:

font_family : 规定文本的字体。如需规定若干字体的优先表,请使用逗号将字体名称分开(比如 )。

与font标签有关的css样式属性:

1、font-family 定义字体

font-family:"微软雅黑","arial";
登录后复制

2、font-size 字体大小

font-size:18px;
font-size:150%;
font-size:xx-small,x-small,small,medium,large,x-large,xx-large;
font-size:smaller,larger;
登录后复制

3、font-style 字体样式

font-style:normal,italic,oblique;
登录后复制

4、font-weight 字体粗细

font-weight:normal,bold,bolder,lighter,100-900;
登录后复制

5、font-variant 使输入不受大小写限制

font-variant: normal,small-caps;
登录后复制

最后,font属性的简写

font:  bold italic 18px  arial ;
登录后复制

HTML 与 XHTML 之间的差异

在 HTML 4.01 中,font 元素不被赞成使用。

在 XHTML 1.0 Strict DTD 中,font 元素不被支持。

本篇文章到这就结束了,如果想要看进阶版的,请点击:html font标签怎么设置字体样式?利用CSS控制文字大小的方法

【相关推荐】

html5 audio标签怎么用?html5 自动播放实现代码实例

html strong标签是什么意思?html中strong标签的具体用法介绍

以上是html font标签是什么?<font>标签的属性的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

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