HTML中一些实用标记记录

最新推荐文章于 2022-12-21 09:27:16 发布

技术的搬运工

最新推荐文章于 2022-12-21 09:27:16 发布

阅读量478

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/IT_Boy_/article/details/108072126

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

前言

在这篇文章中记录我在学习HTML学习过程中，让我感觉不错的标签。

1.段落的原格式标记

在网页制作中，一般是通过各种标记对文字进行排版的。但在实际应用中，往往需要一些特殊的排版效果，这样使用标记控制非常大的麻烦。解决方法就是使用原格式标记进行排版，如空格、制表符等...

原格式标记 <pre> 就可以解决这个问题。语法格式如下：

<pre>
   文本内容
</pre>

实例：本实例利用 <pre> 原始排版标记，实现一个 “元旦快乐” 的字符画。<pre> 原格式标记，保留代码中的原始文字格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原格式标记</title>
</head>

<body>
    <h1>原格式标记--pre</h1>

    <!-- 使用原始排版标记，输入文字字符画 -->
    <pre>
             oooooooo             ooooooooo             o        o             oooooooo
           oooooooooooo           o       o             o     ooooooo          o   o
               o  o               ooooooooo            oo        o  o          oooooooooo
               o  o               o       o           o oo    ooooooooo            o
              o   o               ooooooooo             o  o     o               o o o
             o    o     o                               o       o o             o oo   o
            o     ooooooo       ooooooooooooo           0      o    o          o   o     o
    </pre>
</body>
</html>

输出效果：