HTML+CSS基础-文本标签

最新推荐文章于 2024-07-25 11:52:08 发布

lqw_521

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量172

点赞数

文章标签： html

本文链接：https://blog.csdn.net/lqw_521/article/details/105997252

版权

HTML中的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本标签</title>
</head>
<body>
     <!--
         em和strong
           这两个标签都表示一个强调的内容，
           em主要表示语气上的强调，em在浏览器中默认使用斜体显示
           strong表示强调的内容，比em更强烈，默认使用粗体显示

     -->
   <p>
       今天天气<em>真不错</em>
   </p>
   <p>
       <strong>
           注意，如果你不认真上课，我就揍你！
       </strong>
   </p>
   <p>
       <!--
          i标签中的内容会以斜体显示
          b标签中的内容会以加粗显示

          h5规范上规定，对于不需要着重的内容而是单纯的加粗或者是斜体，
          则可以b和i标签
       -->
       <i>我是i标签中的内容</i>
       <b>我是b标签中的内容</b>
   </p>
   <p>
       <!--
           small标签中的内容会比他的父元素中的文字要小一些
              在h5中使用small标签来表示一些细则一类的内容
              比如：合同的小字，网站的版权声明都可以放到small
       -->
       我是p标签中的内容<small>我是small标签中的内容</small>
   </p>
   <!--
       网页中所有的加书名号的内容都可以使用cite标签，表示参考内容
       比如：书名 歌名 话剧名 电影名。。。
   -->
    <p>
        <cite>《论语》</cite>是我最喜欢的一本书
    </p>
    <!--
       q标签表示一个短的引用（行内引用）
          q标签引用的内容，浏览器会默认加上引号
       blockquote标签表示一个长引用（块级引用）,不能在p标签中用
    -->
   <p>
       子曰：<q>学而时习之，不亦乐乎！</q>
   </p>
  <div>
      子曰：<blockquote>
         有朋自远方来，不亦乐乎！
     </blockquote>
  </div>
   <p>
       <!--
           使用sup标签来设置一个上标
       -->
       2<sup>2</sup>
     <p> 赵薇<a href="#"><sup>[1]</sup></a></p>
   </p>
   <!--
        使用sub标签来设置一个下标
   -->
   <p>
       H<sub>2</sub>O
   </p>
   <!--
        使用del标签来表示一个删除的内容
            del标签中的内容，会自用添加删除线
   -->
   <p>
       <del>17,15</del><br/>
       13.40<br/>
   </p>
   <!--
          ins标签表示一个插入的内容
               ins中的内容，会自动添加下划线
    -->
    <p>
        我们的老师真<ins>好看</ins>!
    </p>
    <!--
         需要页面中直接编写一些代码
         pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格
         code专门用来表示代码。

         我们一般结合使用pre和code来表示一段代码
    -->
     <pre>
         <code>
              windows.onload=function(){
                  alert("hello  world!");
                  }
         </code>

     </pre>



</body>
</html>

浏览器运行结果

在这里插入图片描述

lqw_521

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS基础-文本标签

HTML中的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文本标签</title></head><body> <!-- em和strong ...
复制链接

扫一扫