HTML5笔记（三）：HTML5的常用元素与属性之文本格式化元素

程序员文章站 2022-05-29 14:48:54

...

1）：定义粗体文本。该标签可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性。

2）：定义斜体文本。该标签可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性。

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

4）：定义粗体文本。与标签的作用和用法基本相同。

5）：定义小号文本。该标签可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性。

6）：定义上标文本。该标签可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性。

7）：定义下标文本。该标签可以指定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>

结果如下：

HTML5笔记（三）：HTML5的常用元素与属性之文本格式化元素

相关标签： HTML 笔记常用元素文本格式化元素

上一篇：创建对象

下一篇： Python数据分析 CDnow网站的用户购买行为分析案例(RFM分析模型)

HTML5笔记（三）：HTML5的常用元素与属性之文本格式化元素

HTML5实战与剖析之媒体元素(2、媒体元素的属性)

1. 实例演示Ement常用语法 2. 实例演示元素四类属性 3. 实例演示布局标签,并分析div+class与 html5语义化标签的优缺点

Ement常用语法、元素四类属性、布局标签、div+class与 html5语义化标签的优缺点

1. 实例演示Ement常用语法 2. 实例演示元素四类属性 3. 实例演示布局标签,并分析div+class与 html5语义化标签的优缺点