HTML字体 font和链接

1.font简介
标签:文字内容
作用:格式化文本
贴士:(1)只能控制字体集(Helvetica,Arial),大小和颜色
(2)最好别用font标签,因为在HTML5中font已被列入没有意义的标签,可以通过css使用font标签。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <font size="17">aaaaa</font>
    <!-- face -->
    <font face="Helvetica"> bbb</font>
    <!--color-->
    <font color="red">cccc</font>
    <!--16进制表示法调色-->
    <font color="#d8d8d8">dddd</font>
    <!--rgb表示法调色-->
    <font color="rgb(168,178,188)">dddd</font>
</body>
</html>

结果:
在这里插入图片描述
2.HTML链接
标签:
作用:文档内部锚点,跳转到外部文档,下载资源
属性:href,target(href是超文本引用,是Hypertext Reference的缩写)
贴士:(1)禁止跳转
(2)去掉下划线

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接</title>
    <style>
        .content {
            <!--设置这行大小,与后面的content匹配-->
            height:800px;
        }
        /*设置标签颜色以及装饰*/
        a {
            color:#333333;
            text-decoration: none;
        }
        /*使得访问过的链接不变色*/
        a:visited {
            color:#333333;
        }

    </style>
</head>
<body>
    <!--打开一个新的页面,a标签定义超链接,用于从一张页面链接到另一张页面-->
    <a href="http://www.imooc.com/" target="_blank">慕课网-新窗口</a>

    </br>
    <!--在自身页面打开网址-->
    <a href="http://www.imooc.com/" target="_self">慕课网-本窗口</a>
    </br>

    <!--跳转到id等于titleThird处,并且页面路径也发生变化-->
    <a href="#titleThird">页面内锚点</a>
    </br>

    <!--创建一个无效链接也就是死链实现禁止跳转功能-->
    <a href="javascript:void(0);">随便你点 能跳走算我输……</a>
    </br>
    <div class="content">一堆内容</div>
    </br>
    <!--这里id=titleThird只能写一次-->
    <h3 id="titleThird">咳咳 第三章</h3>
</body>
</html>
发布了263 篇原创文章 · 获赞 23 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_41998938/article/details/90549800