HTML文本格式化

HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

1、文本格式化

<html><body><b>This text is bold</b>
<!--规定粗体文本-->
<br /><strong>This text is strong</strong>
<!--加粗-->
<br /><big>This text is big</big><br /><em>This text is emphasized</em>
<!--斜体-->
<br /><i>This text is italic</i>
<!--呈现斜体的文本-->
<br /><small>This text is small</small>
<!--小字体-->
<br />This text contains
<sub>subscript</sub>
<!--上下标-->
<br />This text contains
<sup>superscript</sup></body>
</html>

2、预格式文本

<html><body><pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre><p>pre 标签很适合显示计算机代码:</p><pre>
for i = 1 to 10print i
next i
</pre></body>
</html>

3、计算机输出标签

<html><body><code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br /><p>
<b>注释:</b>这些标签常用于显示计算机/编程代码。
</p></body>
</html>

4、地址

html中写地址

<html>
<body><address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address></body>
</html>

5、缩写和首字母缩写

<html><body><abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym><p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p><p>仅对于 IE 5 中的 acronym 元素有效。</p><p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p></body>
</html>

6、文字方向

< bdo dir=“rtl”>

<html><body><p>
如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);
</p><bdo dir="rtl">
Here is some Hebrew text
</bdo></body>
</html>

7、块引用

<html><body>这是长的引用:
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>这是短的引用:
<q>
这是短的引用
</q><p>
使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
</p></body>
</html>

8、删除字效果和插入字效果

<html><body><p>一打有 <del>二十</del> <ins>十二</ins> 件。</p><p>大多数浏览器会改写为删除文本和下划线文本。</p><p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p></body>
</html>

文本格式化标签

引用、引用和术语定义

8、HTML 文本格式化相关推荐

  1. 021_html文本格式化标签

    1. <i>标签显示斜体文本效果. 2. <b>标签规定粗体文本. 3. <em>标签 3.1. <em>标签告诉浏览器把其中的文本表示为强调的内容.对 ...

  2. HTML 文本格式化标签

    本文参考学习菜鸟教程,链接:菜鸟教程 HTML 文本格式化标签 HTML "计算机输出" 标签 HTML 引文, 引用, 及标签定义 HTML 空元素即为没有内容的 HTML 元素 ...

  3. 25、HTML 文本格式化

    HTML 文本格式化 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l ...

  4. html文本打印lt;igt;字段,Web前端学习第九课,使用文本格式化标签

    1.如何给元素添加样式? 通过前面的学习大家知道,在web前端中,元素所显示出来样子称为表现,专业处理元素长什么样子的技术主要是CSS(层叠样式表). 不过在HTML语言中,你可以用以下两种方式先进行 ...

  5. html字符实体标签语法,HTML字符实体与文本格式化标签

    HT环行进端处触码通法果泉位可近境其行框理发ML 字符实体/HTML 中的预留字符必须被替换为字符实体,一些在键盘上找不到的字符也可以使用字符实体来览页些求时是过解些这确如目前例总站回广随能4果泉时标 ...

  6. HTML的文本格式化

    HTML的文本格式化 可以点击蓝色字体,会出现相应的例题,能够帮助你更好的理解哦!!! 文本格式化标签 标签 描述 <b> 定义粗体文本 <big> 定义大号字 <em& ...

  7. html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题(干货!)

    https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记 让这个可爱的宝藏女孩在努力的道路上与你一起同行! 如有转载,请 ...

  8. html中文本格式化、预格式化、计算机输出标签、address、title、文字方向、著作

    文本格式化标签: 预格式化标签pre: 网页中文本默认是显示一行,没有格式,通过<pre></pre>标签包裹会显示默认的格式. <pre> <!-- 通过p ...

  9. html文本格式化意思,HTML文本格式化标签(Formatting)

    粗体文本 计算机代码 强调文本 斜体文本 键盘输入 预格式化文本 更小的文本 重要的文本 (缩写) (联系信息) (文字方向) (从另一个源引用的部分) (工作的名称) (删除的文本) (下标文本) ...

  10. 从零开始学前端:HTML的一些文本格式化标签、快捷键、和特殊符号 --- 今天你学习了吗?(CSS:Day02)

    从零开始学前端:程序猿小白也可以完全掌握!- 今天你学习了吗?(CSS) 复习:从零开始学前端: HTML框架和VS Code安装 - 今天你学习了吗?(CSS:Day01) 文章目录 从零开始学前端 ...

最新文章

  1. linux7挂载ntfs分区,刚安装centos7,请教大神如何挂载ntfs的分区
  2. 从指定文件夹里COPY指定的一批文件列表(TXT文件)
  3. 新手引导动画的4种实现方式
  4. html-----020----事件
  5. html转换成keynote,keynote代码高亮【转】
  6. win10安装masm32 SDK并运行一个小程序
  7. Mac废纸篓批量还原的方法
  8. C ++基础 | sizeof函数(endl 和 \ n),定义常量(Define Constants),枚举常量(Enumerated Constants)_2
  9. Drupal第三方库jQuery UI起死回生,多个漏洞影响网站、企业产品等
  10. 艺术签名软件 3.0 绿色版
  11. 隐藏隧道通信:lcx 端口转发
  12. ffi一些常见的错误
  13. [分享]RFID之我的M1离线卡爆破过程
  14. 二次开发crmeb增加实名认证 20220331
  15. 如何简单快速的制作简历?
  16. GeneXus开发工具
  17. android电子英语词典背景介绍,实现基于Android的英文电子词典
  18. python,时间的四种格式
  19. Win10系统Jdk环境变量配置遇到'javac' 不是内部或外部命令,也不是可运行的程序 或批处理文件 解决办法。
  20. idea中leetcode插件 中文题目乱码问题

热门文章

  1. 通过MAVEN安装Spark、 EclipseIDE
  2. 智能车学习笔记(摄像头组)——基础扫线
  3. TCP 序列号和确认号是如何变化的?
  4. 排箫-隐私 中文-繁体
  5. MySQL中 delimiter 关键字详解
  6. 1.2、金融--手机银行--网银
  7. cad转pdf,手机转换器怎么使用
  8. css3背景色由浅黑变深黑_CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
  9. Unity3d C# 开发微信小游戏分享图片、朋友圈等功能实现(含源码)
  10. 判断kkt条件的例题_KKT条件原理