HTML5超文本链接和文本标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="https://www.jd.com/">京东商城</a>          <!--链接-->
    <a href="https://www.163.com">网易</a>               <!--没有访问过为蓝色字体-->
    <a href="https://www.baidu.com">
        <img src="c:\Users\songs\Downloads\3.webp" width="500px" title="可点击" alt="网页">
    </a>
</body>
</html>

<a>为双标签，配合href属性可以跳转到相应的链接，访问过的链接将变成紫色，没有访问过的链接为蓝色；

<a>标签可以与<img>标签嵌套，将超文本链接变为一个可以点击的图片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>段落</p>
    <em>着重</em>
    <b>加粗</b>
    <i>斜体</i>
    <strong>加重语言</strong>
    <del>删除</del>
    <span>元素无特定含义</span>
    <p>我喜欢<i><b>                     <!--文本标签 可嵌套-->
        TFBOYS
    </b>                            
</i></p>
</body>
</html>

文本标签有很多种，每一种都有其相对应的作用，<em>着重，<b>加粗，<i>协调，<strong>加重语气，<del>删除，<span>指元素无特殊含义等；

文本标签可嵌套

 

posted @ 2023-09-07 17:19  songs7  阅读(82)  评论(0)    收藏  举报