HTML5使用<pre>标签:保留原始排版方式

在网页创作中,一般是通过各种标记对文字进行排版的。但是在实际应用中,往往需要一些特殊的排版效果,这样使用标记控制起来会比较麻烦。解决的方法就是保留文本格式的排版效果,如空格、制表符等。

如果要保留原始的文本排版效果,则需要使用 <pre> 标签

【实例】使用<pre>标签保留原始排版方式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="pan_junbiao的博客">
    <title>原格式标签</title>
</head>
<body>
    <h1>原格式标签——pre</h1>
    <!-- 使用原始排版标签,输出文字 -->
    <pre>
            您好,欢迎访问 pan_junbiao的博客

                https://blog.csdn.net/pan_junbiao

                        您好,欢迎访问 pan_junbiao的博客

            https://blog.csdn.net/pan_junbiao

        您好,欢迎访问 pan_junbiao的博客
    </pre>
</body>
</html>

执行结果:

 

相关推荐

  1. HTML中的<br>、<hr>和<pre标签使用指南

    2024-07-11 03:32:01       25 阅读
  2. HTML】格式化文本 pre 标签

    2024-07-11 03:32:01       18 阅读
  3. HTML5音频标签

    2024-07-11 03:32:01       30 阅读
  4. html5的video标签在移动端的使用

    2024-07-11 03:32:01       19 阅读
  5. HTML5标签(网页编程)

    2024-07-11 03:32:01       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 03:32:01       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 03:32:01       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 03:32:01       58 阅读
  4. Python语言-面向对象

    2024-07-11 03:32:01       69 阅读

热门阅读

  1. 解决Spring Boot中的安全漏洞与防护策略

    2024-07-11 03:32:01       21 阅读
  2. 二、Python日志系统之watchDog监控日志

    2024-07-11 03:32:01       22 阅读
  3. 如何预防SQL注入

    2024-07-11 03:32:01       22 阅读
  4. 1、预处理

    2024-07-11 03:32:01       23 阅读
  5. Jmeter进阶-接口自动化

    2024-07-11 03:32:01       17 阅读
  6. 在 Ubuntu 上玩转 WordPress

    2024-07-11 03:32:01       24 阅读
  7. Redis 数据过期及淘汰策略

    2024-07-11 03:32:01       21 阅读
  8. VSCode 推荐插件列表(都安装到Remote SSH上)

    2024-07-11 03:32:01       18 阅读
  9. bug——多重定义

    2024-07-11 03:32:01       23 阅读