HTML 字体标签详解

245 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第 14 天,点击查看活动详情

字体标签

标签可以设置字体,字的大小及颜色,常用属性:

  • face:用于设置字体,例如 宋体 隶书 楷体;

  • size:用于设置字的大小(大小默认设置1-7,7最大,想更大,往后学css即可);

  • color:用于设置字的颜色。

注:

  • 我们所看到的屏幕上所有的颜色都是由红、绿、蓝这三种基色调混合而成的。

  • 每一种颜色的饱和度和透明度都是可以变化的,用0~255的数值来表示。如纯红色表示为(255,0,0),十六进制表示为#FF0000。

按这种表达方式,理论上我们可以得到256 * 256 * 256 = 16777216种颜色。

  1. 使用十六进制方式,取值范围 #000000 ~ #FFFFFF (黑色到白色)。当颜色值为#cc3300 时,可简化成 #c30 这种方式
<body bgcolor="#666">
  1. RGB颜色表示法:RGB(x,y,z)。x、y、z是0 ~ 255之间的整数。rgb字母大小写无所谓
<body bgcolor="rgb(11,11,11)">

演示:

 <font face="verdana">ITBB 学习资料分享:</font>
<font size="5" face="arial" color="red">www.itbbfx.com</font>

image.png

标题标记

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

h1最大 h6最小,它们代表的是标题。

注意:在HTML中允许标签进行嵌套的,但是一般都包裹嵌套,而不可以进行交叉嵌套。

<h1>ITBB 学习资料分享:www.itbbfx.com</h1>
<h2>ITBB 学习资料分享:www.itbbfx.com</h2>
<h3>ITBB 学习资料分享:www.itbbfx.com</h3>
<h4>ITBB 学习资料分享:www.itbbfx.com</h4>
<h5>ITBB 学习资料分享:www.itbbfx.com</h5>
<h6>ITBB 学习资料分享:www.itbbfx.com</h6>

image.png

格式化标签

<b>:字体加粗;

<i>:字体倾斜;

<del>:删除线;

<u>:下划线。

<h1><b>ITBB 学习资料分享:www.itbbfx.com</b></h1>
<h1><i>ITBB 学习资料分享:www.itbbfx.com</i></h1>
<h1><del>ITBB 学习资料分享:www.itbbfx.com</del></h1>
<h1><u>ITBB 学习资料分享:www.itbbfx.com</u></h1>

image.png