HTML文本格式化

HTML文本格式化 HTML格式化标签

HTML使用标签 (“blod”)与 (“italic”)对输出的文本进行格式，分别表示粗体和斜体。这些HTML标签被称为格式化标签。

HTML文本格式化示例： <!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>html文本格式化示例</title> </head> <body> 加粗文本 斜体文本 <code>电脑自动输出</code> 文字中的上标和下标 </body></html>

标签可以用来代替标签，标签可以用来代替标签。但使用和表示所要呈现的文本是重要的。

标签< big >表示文本是放大的，标签表示文本是缩小的。

预格式文本示例： <!DOCTYPE HTML><html> <head> <meta charset = "utf-8"> <title>预格式文本示例</title> </head> <body> 这个示例将展示如何使用pre标签对空行和空格进行控制。 <pre> 这个示例将展示如何使用pre标签对空行和空格进行控制。 </pre> </body></html>

计算机输出标签示例：

标签< code >表示计算机输出，标签< kbd >表示键盘输入，标签< tt >表示打字机文本，标签< samp >表示计算机代码样本，标签< var >表示计算机变量。

<!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>计算机输出标签示例</title> </head> <body> <code>计算机输出</code> <kbd>键盘输入</kbd> <tt>打字机文本</tt> <samp>计算机代码样本</samp> <var>计算机变量</var> 注释：这些标签通常用来显示计算机/编程代码。 </body></html>

在html文件中写地址示例：

使用address标签定义文章或文档的作者/拥有者的联系信息：

1.如果< address >元素位于< body >元素内，则它表示文档联系信息。

2.如果< address >元素位于< article >元素内，则它表示文章的联系信息。

注：< address >元素中的文本通常呈现为斜体。大多数浏览器会在address元素前后添加折行。

<!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>在html文件中写地址示例</title> </head> <body> <address> Written by<a href = "https://blog.csdn.net/MIMANCHI123?spm=1010.2135.3001.5343">MIMANCHI123</a>. date:2021/10/29 23：47 CN </address> </body></html>

点击则实现地址的跳转。

缩写和首字母缩写示例：

在html中标签abbr和标签acronym都表示缩写，当鼠标移动到缩略词语上时可展示完整内容。

不同点:abbr表示全词缩写，acronym表示首字母缩写。

<!DOCTYPE html><html> <head> <meta charset ="utf-8"> <title>缩写和首字母缩写示例</title> </head> <body> <abbr title = "MIMANCHI">MIN.</abbr> <acronym title = "MI MAN CHI">MMC</acronym> 当鼠标移到缩略词上时将显示完整内容。 </body></html>

利用标签bdo定义文本排序显示方向：

标签bdo定义文本排序显示方向，必须要与其属性dir一起使用，取值为：ltr（正序）或rtl（反序）。

<!DOCTYPE HTML><html> <head> <meta charset = "utf-8"> <title>利用标签bdo定义文本排序显示方向</title> </head> <body> 该段落文本正常显示。 <bdo dir = "rtl">该段落文本正常显示。</bdo> <bdo dir = "ltr">该段落文本正常显示。</bdo> </body></html>

删除字和插入字效果：

使用标签del实现删除字效果，使用标签ins实现插入字效果。

<!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>删除字和插入字效果</title> </head> <body> tyloo<del>赢了</del><ins>输了</ins>斯德哥尔摩major！ </body></html>