前端学习

最新推荐文章于 2024-07-22 22:37:58 发布

Jackson_577

最新推荐文章于 2024-07-22 22:37:58 发布

阅读量92

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Jackson_577/article/details/117032065

版权

我的第一个前端小项目

学习前端的第一个小项目，加油！！！

HTML+CSS

<!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>Lover</title>
    <style>
        #tribute-info{
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: medium;
            font-weight: normal;
            text-align: center;
            color: rgb(252, 55, 160);
            line-height: 50px;
        }
        #p-div{
            margin: auto;
            width: 500px;
            height: auto;
            text-align: center;
        }
        #main{
            background-color: hsl(350, 100%, 88%);
            border-radius: 20px;
            margin: auto;
        }
        #title{
            color:rgb(252, 55, 160);
            text-align: center;
        }
       #img-div{
            display: block;
            margin:auto;
            width:500px;
            height: auto;
            text-align: center;
       }
       #image{
           max-width:100%; 
           height: auto;
       }
       #img-caption{
            color: deeppink;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
       }
       #tribute-link{
           color: deeppink;
           text-align: center;
       }
       #a-div{
           margin: auto;
           text-align: center;
       }
    </style>
</head>
<body>
    <main id="main">
        <h1 id="title">Taylor Swift</h1>
        <p style="text-align: center; color: deeppink;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;">Taylor Swift is the most famous singer in the wolrd!</p>
        <div id="img-div">
            <img id="image" src="C:\Users\86188\Pictures\QQ图片20210514171335.png">
            <div id="img-caption">beautiful girl</div>
        </div>
        <div id="p-div">
            <p id="tribute-info" >Taylor Swift was born to Andrea and Scott Swift on December 13, 1989 in Wyomissing, Pennsylvania and raised on a Christmas tree farm there. She always dreamed of becoming recognized for her ability to write and sing songs. On October 24, 2006, her debut self-titled album was released via Big Machine Records. Soon it went double platinum. October 18, 2007, Taylor released a Christmas album exclusively through Target. Her sophomore album, entitled Fearless was released on November 11, 2008 and continues to rise on the charts.</p>
        </div>
        <div id="a-div">
                <a id="tribute-link" href="https://baike.baidu.com/item/%E6%B3%B0%E5%8B%92%C2%B7%E6%96%AF%E5%A8%81%E5%A4%AB%E7%89%B9/8472307" target="_blank">Click here to konw more about Taylor Swift!!!</a>
        </div>
            </main>
</body>
</html>

Jackson_577

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习

我的第一个前端小项目学习前端的第一个小项目，加油！！！HTML+CSS<!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, initi
复制链接

扫一扫