zoukankan      html  css  js  c++  java
  • 自学html-five(锚点、伪类、字符实体)

    一、锚点

          我们在平时浏览网页的时候会发现有一些网页很长很长,里面的内容可以分为N个部分,我们在浏览这种网页时因为内容太长,会导致我们不能快速的找到对应的信息。这时,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。 通俗的理解,锚点是一种超链接,只是它是页面内部的超链接,所以锚点我们也会用到a标签。

          下面我们将演示一下锚点的用法:

    示例代码:

       

    程序运行的效果图:

    2.a标签的伪类

        对于a标签有这几种状态,1.普通情况下的状态 2.当鼠标指向它时 3.当鼠标点击但未松开时  4.当鼠标点击后(访问过的状态)

    css允许我们针对a标签的这4种状态设置各自的css特性,这个特性就叫css的伪类。

    a标签在默认的情况下状态1显示是蓝色的,如果我们想要修改它的显示颜色,我们用标签选择器就可以了。

    <style>

    修改状态1下的颜色 -- 普通情况
    a:link{
    color: gray;
    }

    修改状态4下的颜色 -- 访问过的状态

    a:visited {
    color:pink;
    }

    修改状态2下的颜色 -- 当鼠标指向时

    a:hover{
    color: orange;
    }

    修改状态3下的颜色 -- 鼠标点击但未松开时的状态


    a:active{
    color: black;
    }
    </style>

    这里需要注意的是:

    1、一般a:active状态我们不会去修改它

    2、他们之间是有顺序的,如果要写的话顺序一定是LVHA

    3、a:link可以简写为a

    示例代码:

    效果图:

    3.字符实体

    我们在编写html代码是发现对于许多的字符在html中是有其特定的作用,我们不适宜直接写出这些字符,例如< >   双引号 ¥ 等等 。这时我们需要在这些这些特殊的时候可以通过这种格式:& + 实体名 ;

    具体有多少这种符合我们可以查找w3cschool手册查找,实体:

    示例代码:

    效果:

     

    到这里关于html的基本内容已经学习完了,明天开始将开始尝试做一个公司网站,敬请期待...

  • 相关阅读:
    Visual C++ in Visual Studio 2015
    Paxos
    dtrace
    性能测试应该怎么做?
    CLREX
    Header Field Definitions Accept-Encoding
    汇编跟逆向工程
    Optimize Managed Code For Multi-Core Machines
    Improve Scalability With New Thread Pool APIs
    CLR thread pool
  • 原文地址:https://www.cnblogs.com/HOYF/p/5183531.html
Copyright © 2011-2022 走看看