志在指尖
用双手敲打未来

html字体颜色(怎么设置)

html字体颜色

在HTML顶用其字体符号来润饰文字字体方面的属性,使文字显现更丰富。本文所要讲述的就是网页中常用的字体符号,例如一个标题字体需要变大,并且色彩是红色,字体类别使用黑体或楷体等。
1、字体大小的设置
字体大小用像素表明,例如:12像素、14像素、16像素,一般网页中会有一个默许大小的像素,如果想改变字体大小,就需要重新设置。合理的字体大小能为网页添加很多润饰,看着更漂亮,更舒适。
格局:<fontsize=”#”>菁瑞优智</font>
关键字size用来表明大小,#表明1-7的恣意一个数字,数字越大,字体也就越大。
2、设置字体色彩
不同的字体色彩搭配,能让用户从视觉上更加认可网页,更能突出文章重点,这样才能让用户有继续浏览下去的或许。
格局:<fontcolor=”#”>菁瑞优智</font>
关键字color用来表明色彩,#表明色彩,可所以代表色彩的单词,例如“red”,也可所以RGB色彩值,例如“#cccccc”。
3、字体分为逻辑字体和物理字体
物理字体在工作中会经常用到,在《常用的HTML符号和格局》中已经介绍过一部分,本文再次罗列出来,与其他符号一同比较,加深记忆。
<B></B>:将字符设置成粗体
<I></I>:将字符设置成斜体
<U></U>:给字符添加下划线
<S></S>:给字符添加删去线
<TT></TT>:将字符设置成打字机字体
<SUP></SUP>:将字符设置成上标字体
<SUB></SUB>:将字符设置成下标字体
逻辑字体或许很少见到,但作用很大。逻辑字体所体现的重点不同物理字体,其所显现出来的作用更漂亮。
<EM></EM>:着重文字
<STRONG></STRONG>:字体加剧
<CODE></CODE>:显现编程代码
<SAMP></SAMP>:显现示例文字
<KBD></KBD>:显现键盘按键文字
<SMALL></SMALL>:缩小文字
<BIG></BIG>:扩大文字html

html字体颜色怎么设置

html字体颜色设置更改,html设置字体颜色代码方法有哪些
DIVCSS5为大家介绍在html中设置字体颜色方法,字体颜色修改方法,字体颜色如何准确获取。
一、htmlfont字体颜色设置-TOP
在HTML中我们使用font标签即可对字体内容设置颜色。
1、font语法:
<fontcolor=”#FF0000″>我是红色字体</font>
首先font是一对常规标签,将字体文本内容放入标签内,font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。
2、htmlfont设置字体颜色实例
2-1、html字体颜色实例完整代码:
<!DOCTYPEhtml>
<html>
<head>
<metacharset=”utf-8″/>
<title>font字体颜色在线实例DIVCSS5</title>
</head>
<body>
<fontcolor=”#FF0000″>我是红色字体</font>
<tablewidth=”300″border=”1″>
<tr>
<td><fontcolor=”#0000FF”>你好</font></td>
<td>DIVCSS5</td>
</tr>
</table>
</body>
</html>
以上实例分别单独对字体设置颜色和对表格内字体设置颜色
2-2、字体颜色实例截图
2-3、在线演示:查看案例
要改变字体颜色,只需要将颜色值更改即可。
二、htmldivcss字体颜色设置-TOP
在html中通过css样式设置字体颜色。
使用css设置html字体颜色方法有两种,一种是标签内CSS、一种是外部CSS。
1、基本知识介绍
使用外部CSS,可以将CSS代码单独放到CSS文件里使用htmllink引入CSS(html引人css),也可以在html使用<style>标签,建立CSS。也可以在html标签内使用style属性设置css颜色。
2、DIV+CSS实例演示
这里实践两种方法来实现HTML字体颜色设置,一种标签内使用css,另外一种使用style标签实现字体颜色设置。
3、实例完整HTML源代码
<!DOCTYPEhtml>
<html>
<head>
<metacharset=”utf-8″/>
<title>css实现字体颜色在线演示DIVCSS5</title>
<style>
.divcss5{color:#F00}
</style>
<!–html注释说明:使用style标签设置字体颜色–>
</head>
<body>
<divclass=”divcss5″>我字体是红色</div>
<divstyle=”color:#00F”>我字体是蓝色</div>
<!–div标签内使用style属性设置字体颜色–>
</body>
</html>

未经允许不得转载:IT技术网站 » html字体颜色(怎么设置)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载