HTML5笔记(三):HTML5的常用元素与属性之文本格式化元素

    1)<b>:定义粗体文本。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

    2)<i>:定义斜体文本。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

    3)<em>:定义强调文本。实际效果与斜体文本差不多。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

    4)<strong>:定义粗体文本。与<b>标签的作用和用法基本相同。

    5)<small>:定义小号文本。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

    6)<sup>:定义上标文本。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

    7)<sub>:定义下标文本。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

    8)<bdo>:定义文本显示方向。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。除此之外,这些元素还可以和<span...>元素相互包含。

演示代码:

<!DOCTYPE html>
<html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	 <title>文本格式化标签</title>
</head>
<body>
     <span><b>加粗文本</b></span><br />
	 <span><i>斜体文本</i></span><br />
	 <span><b><i>粗斜体文本</i></b></span><br />
	 <span><em>被强调的文本</em></span><br />
	 <big><span>大号字体文本</span></big><br />
	 <p><strong>加粗文本</strong></p>
	 <small><span>小号字体文本</span></small><br />
	 <div>普通文本<sup>上标文本</sup></div>
	 <span>普通文本<strong><sub>下标加粗文本</sub></strong></span><br />
	 <!--指定文本从左向右排列-->
	 <bdo dir="ltr">从左到右排列的文本</bdo><br />
	 <!--指定文本从右到左排列-->
	 <bdo dir="rtl">从右到左排列的文本</bdo><br />

	 <!--查看默认值是从左到右还是从右到左-->
	 <bdo dir>ABC</bdo><br />
</body>
</html>

结果如下:

扫描二维码关注公众号,回复: 2373413 查看本文章

猜你喜欢

转载自blog.csdn.net/hy720530/article/details/81174536