学期前端的第二天——图片与超链接

最新推荐文章于 2024-11-12 22:56:44 发布

肝了肝了

最新推荐文章于 2024-11-12 22:56:44 发布

阅读量95

点赞数

分类专栏：前端文章标签： html5 css html

本文链接：https://blog.csdn.net/m0_62911018/article/details/120852378

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- p69:src/alt/tiyle -->
    <img src="zhong.jpg" alt="原神钟离" title=钟离>
    <!-- p80：a标签 -->
    <a href="https://www.baidu.com/">百度</a>
    <!-- p81:target属性 -->
    <a href="https://www.baidu.com/" target="_blank">百度</a>
    <!-- p83:锚点链接：跳转到当前页面某一位置 -->
    <div>
        <a href="#article">推荐文章</a>
        <a href="#music">推荐音乐</a>
        <a href="#movie">推荐电影</a>
    </div>
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
   <div>
       <h3>推荐文章</h3>
       <ul id="article">
           <li>荷塘月色</li>
           <li>乡愁</li>
           <li>啊Q正传</li>
       </ul>
   </div>
   ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        <div id="music">
            <h3>推荐音乐</h3>
            <ul>
                <li>歌曲1</li>
                <li>歌曲2</li>
                <li>歌曲3</li>
            </ul>
        </div>
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        ......<br />
        <div id="movie">
            <h3>推荐电影</h3>
            <ul>
                <li>电影1</li>
                <li>电影2</li>
                <li>电影3</li>
            </ul>
        </div>
        
</body>
</html>