用基本的文字元素标记内容

最新推荐文章于 2024-07-11 16:52:21 发布

RainMcCom

最新推荐文章于 2024-07-11 16:52:21 发布

阅读量504

点赞数

分类专栏： Html5学习文章标签： html5 文字元素

本文链接：https://blog.csdn.net/RainMcCom/article/details/53114715

版权

Html5学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.表示关键字和产品名称
b元素可以用来标记一段文字，但并不表示特别的强调或者重要性。b元素的作用非常简单：它的开始标签和结束标签之间的内容会从周围内容中凸现出来。通常是将其内容加粗，也可以使用CSS改变应用于b元素的样式。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   I like <b>apples</b> and <b>oranges</b>.
</body>
</html>

效果如图:
这里写图片描述

2.加以强调
em元素表示对一段文字的强调，用来提供关于句子或段落含义的一种语境。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   <em>I</em> like <b>apples</b> and <b>oranges</b>.
</body>
</html>

这里写图片描述

3.表示外文词语或科技术语
i元素表示一段文字与周围有本质的区别，一般用于表示外文词语、科技用语甚至是某人的想法。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   <em>I</em> like <b>apples</b> and <b>oranges</b>.
   Are you from <i>America</i>.
</body>
</html>

这里写图片描述

4.表示不准确或校正
s元素用来表示一段文字不再正确或准确，习惯样式是在文字上显示一条删除线。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   <s>这一句不再正确</s>,下一句才正确.
</body>
</html>

这里写图片描述

5.表示重要的文字
strong元素表示一段重要文字。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   <strong>Warning:</strong>It is a dog in front of you.
</body>
</html>

这里写图片描述

6.为文字添加下划线
u元素的效果是为文字添加下划线。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   There are  <u>too many</u> boys.
</body>
</html>

这里写图片描述

7.添加小字内容
small元素表示小号字体内容，常用于免费声明和澄清声明。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   There are many cakes on the table.<small>(for free)</small>
</body>
</html>

这里写图片描述

8.添加上标和下标
sub和sup元素是用来表示上标和下标。

<!DOCTYPE html>
<html>
<head>
    <title>aaa</title>  
</head>
<body>
   The  point x<sub>10</sub> is 10<sup>th</sup> point.
</body>
</html>

这里写图片描述

RainMcCom

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用基本的文字元素标记内容

1.表示关键字和产品名称 b元素可以用来标记一段文字，但并不表示特别的强调或者重要性。b元素的作用非常简单：它的开始标签和结束标签之间的内容会从周围内容中凸现出来。通常是将其内容加粗，也可以使用CSS改变应用于b元素的样式。<!DOCTYPE html><html><head> <title>aaa</title> </head><body> I like <b>appl
复制链接

扫一扫