我使用 html 反向输出自己打自己（7）

最新推荐文章于 2022-11-09 13:38:28 发布

1_bit

最新推荐文章于 2022-11-09 13:38:28 发布

阅读量2.4k

点赞数 31

分类专栏：前端网页制作到全方面实战全解文章标签： html 前端

禁止转载

本文链接：https://blog.csdn.net/A757291228/article/details/118150796

版权

前端网页制作到全方面实战全解专栏收录该内容

9 篇文章 43 订阅

订阅专栏

本文是CSDN博客专家1_bit的HTML教程，讲解了HTML的超链接标签<a>和文本反向输出标签<bdo>的使用方法。通过实例展示了如何创建超链接以及如何利用dir属性实现文本的左右反向显示。适合初学者快速掌握这两个基本概念。

摘要由CSDN通过智能技术生成

作者简介

作者名：1_bit
简介：CSDN博客专家，2020年博客之星TOP5，蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息，迷茫的你会找到答案。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSDN 博主 1_bit 的 HTML 知识汇总页面</title>
</head>
<body>

    <h1>这是h1标签显示的示例</h1>
    <h2>这是h2标签显示的示例</h2>
    <h3>这是h3标签显示的示例</h3>
    <h4>这是h4标签显示的示例</h4>
    <h5>这是h5标签显示的示例</h5>
    <h6>这是h6标签显示的示例</h6>
    <hr>

    <h1>p段落标签内容：</h1>
    <p>这是使用短路 p 标签的示例，每个 p 元素都会重启一行进行显示，并且每一个 p 元素都会间隔较大，相同一个 p 元素内则会间隔较小，你可以理解成这是这个 p 元素段落的特性如此，也可以说是一个标志特性。</p>
    <p>这是第二个 p 标签，你可以看到跟上面的内容之间间隔还是挺大。</p>
    <hr>

    <h1>b加粗标签内容：</h1>
    <p>这是使用短路 p 标签的示例，<b>每个 p 元素都会重启一行进行显示，并且每一个 p 元素都会间隔较大</b>，相同一个 p 元素内则会间隔较小，你可以理解成这是这个 p 元素段落的特性如此，也可以说是一个标志特性。</p>
    <hr>

    <h1>br换行标签内容：</h1>
    <p>这是使用短路 p 标签的示例，每个 p 元素都会重启一行进行显示，（这里后面使用换行标签）<br>并且每一个 p 元素都会间隔较大，相同一个 p 元素内则会间隔较小，你可以理解成这是这个 p 元素段落的特性如此，也可以说是一个标志特性。</p>
    <hr>
    
    <h1>a超链接标签内容：</h1>
    <a href="https://blog.csdn.net/A757291228">超链接a标签指定href属性后就可以跳转到目标地址</a>
    <hr>

    <h1>bdo 标签内容：</h1>
    <bdo dir="rtl">小媛今早吃了糯米鸡泡饭</bdo> —— 在属性 dir 中定义 rtl 意思就是从右到左进行输出，改成 ltr 意思则是从左到右输出
    <hr>

</body>
</html>