html语义相关元素

html语义相关元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <abbr title="h是你好的缩写">h</abbr>,世界
        <!-- 用于表示一个缩写,title属性用于指定所代表的全称 -->
    </div>
    <br>
    <br>
    <div><address>江西省南昌市南昌县东新乡</address></div>
    <!-- 用于表示一个地址,浏览器通常用斜体表示 -->
    <br>
    <div>
           清溪行是唐朝诗人李白的作品
          <blockquote cite="https://so.gushiwen.cn/mingju/juv_c7050379c7fd.aspx">
            清溪清我心,水色异诸水。 <br>
            借问新安江,见底何如此。 <br>
            人行明镜中,鸟度屏风里。 <br>
            向晚猩猩啼,空悲远游子。
           </blockquote>
     
            <!-- 用于定义一段长的带、换行引用文本,浏览器会使用缩进的方式显示这段文本  cite属性指定该引用文本所引用的网址URL-->
         李白的籍贯
          <q>
            汉族,祖籍陇西郡成纪县(今甘肃省平凉市静宁县南)
          </q>
           <!-- 用于定义一段不带换行、短的引用文本,浏览器在引用的周围插入了引号 -->
    </div>
    <br>
    <div>
        <cite>芙蓉镇</cite>是国内导演拍摄的有思考深度的电影
        <!-- 用于表示一部作品(电影,书,歌曲) 的标题,浏览器通常使用斜体表示 -->
    </div>
    <br>
    <code>
        public class A
        <br>
        {
        <br>
            private String a;
        <br>
        }
    </code>
    <!-- 用于展示计算机代码 -->
    <br>
    <dfn>HTML</dfn>是一种广为人知的标记语言
    <!-- 用于定义一个专业术语 浏览器通常以粗体或斜体表示 -->
    <br>
    <del>要删除的文本</del>
    <!-- 定义被删除的文本 浏览器通常以画线的方式表示-->
    <br>
    <ins>为发烧而生</ins>
     <!-- 定义插入的文本 浏览器通常以下画线的方式表示-->
    <br>
    <pre>
        public class Cat
        {
            private int name = "garfield";
        }
    </pre>
    <!-- 用于表示该元素包含的文本已经进行了预格式化,<pre> 所包含文本中的空格、回车、Tab健和其它格式字符都会被保留下来 -->
    <br>
    <samp>
        定义示范文本内容
    </samp>
    <!-- 定义示范文本内容 -->
    <br>
    <kbd>
        用于定义键盘文本
    </kbd>
    <!-- 用于定义键盘文本 -->
    <br>
    <var>i</var>
    <!-- 用于定义变量 浏览器以斜体展示 -->
</body>
</html>

  展示效果:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值