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

打印 上一主题 下一主题

主题 895|帖子 895|积分 2685

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

我们之前学过 h1 到 h6 标签,表示标题的标签,利用这个标签呢,就可以使文本加粗了。但那说的是标题文本,这里我们说的是内容文字加粗。场景不同。
我们在这里说一下 b 标签和 strong 标签。
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <p>这是普通的文字</p>
  12.         <b>这是第一行</b>
  13.         <br/>
  14.         <strong>这是第二行</strong>
  15.     </body>
  16. </html>
复制代码

我们可以看到,b 标签和 strong 标签呢,都可以使文字加粗。但他们有什么区别呢?
b标签只是单纯的使文字有了加粗的结果,而 strong 标签呢,在加粗的同时,更表示一种夸大的语气,渴望搜刮引擎能够更加器重这个标签里的内容。可以用到 一些读音呀,关键字之类的地方来利用。比如
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <p>我叫张三睒(<strong>shǎn</strong>)</p>
  12.         <p>我很喜欢吃水果,尤其是<strong>葡萄</strong></p>
  13.     </body>
  14. </html>
复制代码

2 斜体字

我们看到,很多网站上的内容,关键部分呢,为了显示的和其他不同,会有个倾斜的显示。比如这样:
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <p>HTML的英文全称是 <i>Hyper Text Markup Language</i>,即超文本标记语言。</p>
  12.     </body>
  13. </html>
复制代码

 

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

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

圆咕噜咕噜

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表