HTML_Learning/about.html at main · Juliet-Sun/HTML_Learning · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE HTML>
<html lang = "en">
    <head>
        <meta charset="UTF-8">
        <meta name = "author" content = "Huaijin Sun" >
        <meta name = "discription" content = "I want to share...">

        <title>My First Webpage</title>
        <link rel = "icon" href = "https://images.unsplash.com/photo-1722520873713-f5d94b64d1df?q=80&w=2944&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" type="image/x-icon">
        <link rel = "stylesheet" href = "main.css" type = "text/css">

    </head>

    <body>
        <h1> Here are something I want to share: </h1>
        <h2> About me </h2>
        <p> Here is my favorate art piece:
            <ul>
                <li> Download <a href="https://pic1.zhimg.com/v2-e4727d6b8a7b666c4b20dff8d57001e0_1440w.jpg" download> 神奈川冲浪里 (The great wave off Kanagawa) </a> </li>
            </ul>
        </p>
        <h2> Interesting things </h2>
        <h2> Articles </h2>
        <h2> My experience </h2>
        <p>
            <ol>
                <li> I have been to LA <br>
                    <figure>
                        <img src="https://plus.unsplash.com/premium_photo-1697729990453-49bd507ac9e0?q=80&w=2942&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="LA trip" title="LA trip" width="300" height="200" loading="lazy">
                        <figcaption> LA trip </figcaption>
                    </figure>

                </li>
                <li> I have been to Houston <br>
                    <figure>
                        <img src="https://images.unsplash.com/photo-1510623425998-4894a2ad0da9?q=80&w=2946&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Houston" title="Houston" width="300" height="200">
                        <figcaption> Houston </figcaption>
                    </figure>

                </li>
            </ol>
        </p>

        <h2> Contact me at</h2>
        <p>
            <ul>
                <li> <a href = "mailto: hs100@rice.edu"> My email</a> </li>
                <li> <a href = "tel: +18327886661">My telephone</a></li>
                <li> Open <a href = "https://www.linkedin.cn/incareer/in/juliet-sun-94184b288/"> My LinkedIn </a> in a new tab. </li>
            </ul>
        </p>

        <p>  <a href="/">Back to home</a></p>

    </body>
</html>