【HTML入门】第五课 - 加粗和倾斜的字体们

圆咕噜咕噜 · 2024-12-15 10:26:36

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

x

这一小节，我们说一些常用的HTML文本格式化的标签知识。大概你会以为HTML知识比较零星，有很多多少标签。没错，就是比较零星，标签比较多。正式这些形形色色的HTML标签们，构成了丰富多彩的网页元素。
但是在刚学习的时间，你也没有必要全部都记下来，只要利用熟练了，用的多了，到时间哪怕有几个不熟练的，再去网上查，也就轻松多了。如果不能利用熟练了，即便去网上查，大概也无从动手。
1 字体加粗

我们之前学过 h1 到 h6 标签，表示标题的标签，利用这个标签呢，就可以使文本加粗了。但那说的是标题文本，这里我们说的是内容文字加粗。场景不同。
我们在这里说一下 b 标签和 strong 标签。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
<style type="text/css">
</style>
</head>
<body>
<p>这是普通的文字</p>
<b>这是第一行</b>
<br/>
<strong>这是第二行</strong>
</body>
</html>

复制代码

我们可以看到，b 标签和 strong 标签呢，都可以使文字加粗。但他们有什么区别呢？
b标签只是单纯的使文字有了加粗的结果，而 strong 标签呢，在加粗的同时，更表示一种夸大的语气，渴望搜刮引擎能够更加器重这个标签里的内容。可以用到一些读音呀，关键字之类的地方来利用。比如

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
<style type="text/css">
</style>
</head>
<body>
<p>我叫张三睒（<strong>shǎn</strong>）</p>
<p>我很喜欢吃水果，尤其是<strong>葡萄</strong></p>
</body>
</html>

复制代码

2 斜体字

我们看到，很多网站上的内容，关键部分呢，为了显示的和其他不同，会有个倾斜的显示。比如这样：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
<style type="text/css">
</style>
</head>
<body>
<p>HTML的英文全称是 <i>Hyper Text Markup Language</i>，即超文本标记语言。</p>
</body>
</html>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

		自动登录	找回密码
密码			立即注册

【HTML入门】第五课 - 加粗和倾斜的字体们

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

0 个回复

快速回复

楼主热帖

标签云

浏览过的版块