学习HTML与CSS的第五天————a标签的伪类、文本标签

最新推荐文章于 2024-07-26 08:00:00 发布

不爱学习的大头

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量220

点赞数

文章标签： css css3 html5 html

本文链接：https://blog.csdn.net/weixin_44055237/article/details/104544600

版权

a标签的伪类

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8"/>
      <title>a的伪类</title>
      <style type="text/css"> 
      /* 
          涉及到a的伪类一共有四个：
          :link
          :visited
          :hover
          :active
          而这四个选择器的优先级是一样的，
      
       */
      a:link{
        color: yellowgreen;
      }
      a:visited{
        color: red;
      }
      /* 
          鼠标移入
       */
      a:hover{
        color: orange;
      }
      /* 
          鼠标点击
       */
      a:active{
        color: cornflowerblue;
      }
      </style>
    </head>
    <body>
      <a href="http://www.baidu.com">访问过的链接</a>
      <br />
      <a href="http://www.baidu123.com">未访问过的链接</a>
    </body>
</html>

文本标签

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8"/>
      <title>文本标签</title>
      <style type="text/css"> 
      
      </style>
    </head>
    <body>
      <!-- 
        em和strong
        ——这两个标签表示一个强调的内容
           em主要表示语气上的强调，em在浏览器中默认使用斜体显示
           strong表示强调的内容，比en更加强烈，默认使用粗体显示
       -->
      <P>
        今天天气<em>真不错</em>
      </P>
      <p>
        <strong>
          注意：如果你不认真上课，你就找不到好工作！ 
        </strong>
      </p>
      <!-- 
        i标签中的内容会以斜体显示
        b标签中的内容会以加粗显示

        h5规范中规定，对于不需要着重的内容而是单纯的加粗或者是斜体
           都可以使用b和i标签
       -->
      <p>
        <i>我是i标签中的内容</i>
        <b>我是b标签中的内容</b>
      </p>
      <!-- 
        small标签中的内容会比他的父元素中的文字小一些
          在h5中使用small标签来表示一些细则一类的内容
           比如：合同中的小字，网站的版权声明都可以放到small中
       -->
       <p>
         我是p标签中的内容<small>我是small标签中的内容</small>
       </p>
       <p>
         我是p标签中的内容<big>我是big标签中的内容 </big>
       </p>
       <!-- 
         网页中所有加书名号的内容都可以使用cite标签，表示参考的内容
             例如：书名、歌名、电影名
        -->
        <p>
          <cite>论语</cite>是我最喜欢的一本书S
        </p>
        <!-- 
          q标签表示一个短的引用（行内引用）
              q标签引用的内容，浏览器会默认加上引号


          blockquote标签表示一个长引用（块级引用）

         -->
        <P>
          子曰:<q>学而时习之不亦说乎</q>
        </P>
        <div>
          子曰：
          <blockquote>
            疫情期间，有朋自远方来，磨刀驱之！！
          </blockquote>
        </div>
        <!-- 
          使用sup标签来设置一个上标
         -->
         <p>2<sup>2</sup></p>
         <p>科比<sup><a href="#">[never]</a></sup></p>
         <!-- 
           sub标签来表示一个下标
          -->
          <p>H<sub>2</sub>O</p>
          <!-- 
            使用del标签表示一个删除的内容
                del标签中的内容，会自动添加删除线
           -->
         <P>
             <del>23.3</del><br/>
             30.1<br/>
         </P>
         <!-- 
           ins标签表示一个插入的内容
                  ins中的内容，会自动添加下划线
          -->
          <p>
            真的<ins>好啊</ins>！
          </p>
          <!-- 
            需要页面中直接编写一些代码
            pre是一个预格式标签，会将代码中的格式保存，不会忽略多个格式
            code专门用来表示代码
            
            我们一般结合使用pre和code来表示一段代码
           -->
           <pre>
             <code>
                 input("请输入数值")
                 print("HELLO")
             </code>
           </pre>
    </body>
</html>

不爱学习的大头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习HTML与CSS的第五天————a标签的伪类、文本标签

a标签的伪类<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>a的伪类</title> <style type="text/css"> /* 涉及到a的伪类一...
复制链接

扫一扫