实例介绍HTML文本格式化的知识

本文就为大家带来一篇html文本格式化的简单实例(详解)。希望大家学完能掌握html 文本格式化的知识,更好的去运用。

一,文本格式化:此例演示如何在一个 HTML 文件中对文本进行格式化。

This text is bold
This text is strong
This text is big
This text is emphasized
This text is italic
This text is small
This text contains   subscript
This text contains   superscript

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

二,预格式文本:此例演示如何使用 pre 标签对空行和空格进行控制。

立即学习“前端免费学习笔记(深入)”;

这是   预格式文本。   它保留了      空格   和换行。   

登录后复制

pre 标签很适合显示计算机代码:

for i = 1 to 10        print i   next i   

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

三,“计算机输出”标签:此例演示不同的“计算机输出”标签的显示效果。

Computer code
Keyboard input
Teletype text
Sample text
Computer variable

注释:这些标签常用于显示计算机/编程代码。   

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

四,地址:此例演示如何在 HTML 文件中写地址。

XML/HTML Code复制内容到剪贴板nbsp;html>
Written by Donald Duck.
Visit us at:
Example.com
Box 564, Disneyland
USA   

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

五,缩写和首字母缩写:此例演示如何实现缩写或首字母缩写。

etc.
WWW

在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。

仅对于 IE 5 中的 acronym 元素有效。

对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

六,文字方向:此例演示如何改变文字的方向。

如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);   

Here is some Hebrew text   

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

七,块引用:此例演示如何实现长短不一的引用语。

这是长的引用:   
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。   
这是短的引用:   这是短的引用。   

使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。   

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

八,删除子效果和插入子效果。

一打有 二十 十二 件。

大多数浏览器会改写为删除文本和下划线文本。

一些老式的浏览器会把删除文本和下划线文本显示为普通文本。

登录后复制

效果如下:

实例介绍HTML文本格式化的知识

打击学会了吗?赶紧动手自己尝试一下吧。

相关推荐:

总结类html标题,段落,换行,水平线,特殊字符

总结类html标题,段落,换行,水平线,特殊字符

总结类html标题,段落,换行,水平线,特殊字符

以上就是实例介绍HTML文本格式化的知识的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3194668.html

(0)
上一篇 2025年4月1日 02:02:25
下一篇 2025年4月1日 02:02:36

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 如何使用HTML和CSS实现响应式布局

    如何使用HTML和CSS实现响应式布局 在今天的移动设备普及的时代,响应式布局成为了必须掌握的前端开发技能。借助HTML和CSS,我们可以轻松地实现一个适应不同屏幕尺寸和窗口大小的网页布局。本文将详细介绍如何使用HTML和CSS实现响应式布…

    2025年5月2日
    000
  • 学会从头开始学习CSS,掌握制作基本网页框架的技巧

    从零开始学习CSS,掌握网页基本框架制作技巧 前言: 在现今互联网时代,网页设计和开发是一个非常重要的技能。而学习CSS(层叠样式表)是掌握网页设计的关键之一。CSS不仅可以为网页添加样式和布局,还可以为用户呈现独特且具有吸引力的页面效果。…

    2025年5月2日
    000
  • html的表格比较宽溢出怎么设置

    这次给大家带来html的表格比较宽溢出怎么设置,设置不让html的表格宽溢出的注意事项有哪些,下面就是实战案例,一起来看一下。 表格如果比较宽,则有可能溢出。 比如有两个div,左和右。如果表格在右边的div中,但是它比较宽,则显示的时候很…

    编程技术 2025年5月1日
    000
  • 九个常用的JavaScript图表库的介绍

    本篇文章给大家带来的内容是关于九个常用的javascript图表库的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 当前,数据可视化已经成为数据科学领域非常重要的一部分。不同网络系统中产生的数据,都需要经过适当的可视化…

    2025年5月1日 编程技术
    000
  • echarts如何优化数据视图dataView中的样式(代码示例)

    本篇文章给大家带来的内容是关于echarts如何优化数据视图dataview中的样式(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在使用echart过程中,toolbox里有个dataView视图模式,里面的…

    2025年5月1日
    000
  • HTML 视频的播放控件样式怎么修改

    无法直接通过css修改html视频的默认播放控件样式。1. 使用javascript创建自定义控件。2. 通过css美化这些控件。3. 考虑兼容性、用户体验和性能,使用库如video.js或plyr可简化过程。 要修改 HTML 视频的播放…

    2025年4月30日
    000
  • html、css容易被忽略的小知识点_html/css_WEB-ITnose

    都说前端容易,谁说的。前端上手快,越往后学习越困难。学习前端快一年了,依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。 (1)title前面的logo。 就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来…

    编程技术 2025年4月4日
    100
  • html节点属性操作

    nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> …

    编程技术 2025年4月4日
    200
  • html教程:用tabIndex轻松实现网页导航

    最近,当我在一个网站上输入表格数据时,我填写了一栏,并点击[tab]键移到下一栏;当我抬头时,我惊奇的发现光标跳到页面下方的另一栏中。我用鼠标将光标移到正确的文本栏中,但不久[tab]键又再次出现问题。这一情形使我想了解一下页面设计,以及t…

    编程技术 2025年4月4日
    200
  • html教程:WEB标准从头开始_DOCTYPE声明

    在较早之前的网页上,我们经常可以看到如下的网页结构代码: 这是一个网页 …… 立即学习“前端免费学习笔记(深入)”; …… 立即学习“前端免费学习笔记(深入)”; 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好…

    编程技术 2025年4月4日
    200

发表回复

登录后才能评论