如何使用HTML5标签控制文字内容缩进对齐分割

2024-03-20 11:48:26

HTML5语言中使用的元素标签进行排版，可以对文字内容进行缩进对齐分割。其中，缩进的标签元素是<blockquote>，对齐是使用<pre>标签，即是保持文字原模原样显示出来，分割是使用<hr>标签元素进行设置。下面利用一个实例说明这三个标签元素的用法，操作如下：

操作方法

01

第一步，双击打开HBuilder编辑工具，新建静态页面pre.html，注意HTML5文件必备标签元素，如下图所示：
02

第二步，在<body></body>标签元素内插入一个<p></p>，还添加一个<pre>，将一首古诗放到标签内，如下图所示：
03

第三步，保存代码并预览该静态页面，可以查看到古诗的排版格式跟代码中的一样，如下图所示：
04

第四步，在第三步的基础上，再次插入这首古诗，不过是使用的<blockquote>标签，如下图所示：
05

第五步，再次查看浏览器页面效果，结果发现古诗排版格式发生了改变，文字进行了换行并缩进了，如下图所示：
06

第六步，再次在代码中添加古诗，并使用<hr>标签将每句古诗隔开，预览页面可以看到每句古诗有条分割线间隔开来，如下图所示：

赞 (0)

电脑端excel表格如何对文本框中文字内容设置首行缩进

Excel是我们现在经常使用的办公软件之一.今天小编跟大家分享的是电脑端excel表格如何对文本框中文字内容设置首行缩进.具体如下:1. 首先我们需要在电脑中新建一份excel表格,进入主界面之后点 ...
如何用HTML5制作阴影文字？

HTML5除了兼容以往HTML版本的标签以外,还给我们提供了许多功能,比如绘画和文字处理.以往在PS中处理的图片和文字效果,用h5也能实现,下面就让我们一起来学习如何在h5中制作阴影文字,并在网页中输 ...
Word2013中怎样对照不同文字内容的格式

第1步，打开Word2013文档窗口，并选中其中一部分文字内容。在“快速访问工具栏”单击“显示格式”按钮第2步，在打开的“显示格式”任务窗格中选中“与其他选定内容比较”复选框，然后选中另一部分文本。 ...
Word2007怎么为自选图形添加文字内容

前面小编已经带大家了解了在Word2007文档中自选图形的制作插入,而图形绘制成功后,有时候根据根据文档的需要,要在自选图形框内添加文字说明,才会使阅读者更加清楚地知道图形前后面的内容的链接. 第1步 ...
如何把word文字内容转换成稿纸格式

方法/步骤首先双击桌面上word 2010快捷方式,启动该应用程序. 执行文件-打开命令,打开一篇事先准备好文字内容. 点击页面布局菜单,在该菜单选项中找到稿纸设置按钮. 点击稿纸设置按钮,弹出稿纸 ...
微信公众号怎么群发文字内容？微信公众号群发文字教程

微信公众号订阅号目前是每日可以推送一次,推送的内容可以是文章素材以及文字内容,那么微信公众号订阅号如何群发文字内容? 微信公众号群发文字教程第二步,当输入账号以及密码之后,并不会马上直接登陆,还需要 ...
如何修改pdf文字内容 pdf用什么软件修改

如何修改PDF文字内容?说到PDF格式,都知道阅读容易编辑难.尽管互联网上有很多的名为“编辑器”的软件,可真正做到全方位编辑的软件屈指可数!那么在面对PDF文件时,我们该用什么软件来修改,如何对pdf ...
iPhone控制中心内容自定义添加教程

相信很多小伙伴都有在使用苹果iPhone手机,随着手机版本的不断更新,iOS11版本中的控制中心内容我们已经可以自定义添加了,那么具体怎么操作呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首 ...
如何在Word文档中添加另一个文档的全部文字内容？

相信很多小伙伴在日常办公中都会用到Word,在其中文档中如何才能添加另一个文档的全部文字内容呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,将要插入的文字内容所在的文档准备好,然后再打开 ...