html的引用总结。q、blockquote、cite、abbr、dfn、address、ruby、rt、rp、bdo等元素

最新推荐文章于 2024-07-16 20:50:21 发布

7012~~~~~~~

最新推荐文章于 2024-07-16 20:50:21 发布

阅读量536

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_44745009/article/details/107499406

版权

html的引用

q元素
定义短的引用
浏览器通常会在引用内容的两侧添加引号。
blockquote元素
标签用于简短的行内引用。对于内容比较长的引用
cite元素
标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等）的标题。
abbr元素
标签定义简称或缩写
dfn元素
标签表现定义中的术语
-address元素
标签定义文档或文章的作者/拥有者的联系信息。
ruby、rt、rp元素
ruby：标签定义注音符号。
rt 元素：用来标记注音符号
rp 元素：则用来标记当浏览器不支持 ruby 元素时所显示的内容。
ruby 元素需要与 rt 元素和 rp 元素搭配使用。
-bdo元素
标签修改默认的文本方向。
dir属性的两个值：ltr(从左到右），rtl(从右到左）

代码实例

q元素

<!DOCTYPE html>
<html>

<head>
    <!--指定网页编码-->
    <meta charset="UTF-8">
    <!--为了让网页尺寸实现自适应-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--定义网页的作者-->
    <meta name="author" content="lan">
    <!--描述网页内容-->
    <meta name="description" content="html">

</head>

<body>
    <p>古话说的好：<q>饭后走一走，活到九十九</q></p>
</body>

</html>

在这里插入图片描述浏览器自动添加了双引号。

blockquote元素

<p>
        <cite>《围城》</cite>经典语录</p>
    <blockquote>
        <p>
            忠厚老实人的恶毒，像饭里的砂砾或者出骨鱼片里未净的刺，会给人一种不期待的伤痛。
        </p>
        <p>冬天的溪水涸尽，溪底堆满石子，仿佛这溪新生下的大大小小的一窝卵。水涸的时候，大家都不走木板桥而踏着石子过溪，这表示只要没有危险,人人愿意规外行动。</p>
        <p>天下只有两种人，譬如一串葡萄到手，一种人挑最好的先吃，另一种人把最好的留在最后吃。照例第一种人应该乐观，因为他每吃一颗都是吃剩的葡萄里最好的；第二种人应该悲观，因为他每吃一颗都是吃剩的葡萄里最坏的。不过事实上适得其反，缘故是第二种人还有希望，第一种人只有回忆。</p>
    </blockquote>

在这里插入图片描述自动缩进

cite元素

 <p>
        <cite>《围城》</cite>经典语录</p>

在这里插入图片描述
abbr元素

<p><abbr title="百度">baidu.com</abbr>搜索引擎</p>

在这里插入图片描述
当你鼠标移动到这个baidu.com时，就会浮现出一个框来

dfn元素

<p><dfn>html</dfn>网页标准标记语言</p>

在这里插入图片描述
这里的html有斜体的效果

address元素

 <address>
        <strong>联系我们</strong><br>
        地址:xxxx<br>
        微信:xxxxxxxx<br>
    </address>

在这里插入图片描述

ruby、rt、rp、元素

<ruby>魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby>
    <ruby>魅<rp>(</rp><rt>mei</rt><rp>)</rp></ruby>
    <ruby>魍<rp>(</rp><rt>wang</rt><rp>)</rp></ruby>
    <ruby>魉<rp>(</rp><rt>liang</rt><rp>)</rp></ruby>

在这里插入图片描述
能看到上方出现拼音，如果要注明第几声，在输入法找到符号大全，自己将字母替换一下

bdo元素

 <bdo dir="rtl"> <ruby>魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby>
    <ruby>魅<rp>(</rp><rt>mei</rt><rp>)</rp></ruby>
    <ruby>魍<rp>(</rp><rt>wang</rt><rp>)</rp></ruby>
    <ruby>魉<rp>(</rp><rt>liang</rt><rp>)</rp></ruby>
    </bdo>

在这里插入图片描述
可以看到文字顺序颠倒了。

7012~~~~~~~

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html的引用总结。q、blockquote、cite、abbr、dfn、address、ruby、rt、rp、bdo等元素

html的引用q元素定义短的引用浏览器通常会在引用内容的两侧添加引号。blockquote元素标签用于简短的行内引用。对于内容比较长的引用cite元素标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等）的标题。abbr元素标签定义简称或缩写dfn元素标签表现定义中的术语-address元素标签定义文档或文章的作者/拥有者的联系信息。ruby、rt、rp元素ruby：标签定义注音符号。rt 元素：用来标记注音符号rp 元素：则用来标记当浏览器不
复制链接

扫一扫