HTML字体 font和链接

最新推荐文章于 2024-03-08 23:06:13 发布

YRZ-James

最新推荐文章于 2024-03-08 23:06:13 发布

阅读量3.1k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_41998938/article/details/90549800

版权

HTML 专栏收录该内容

7 篇文章

订阅专栏

博客介绍了HTML中两个元素。一是font标签，用于格式化文本，但在HTML5中无意义，可通过CSS使用，且只能控制字体集、大小和颜色；二是HTML链接，可实现文档内部锚点跳转、跳转到外部文档及下载资源，介绍了其属性和使用贴士。

摘要由CSDN通过智能技术生成

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>