HTML_Learning/index.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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang = "en">
    <head>
        <meta charset="UTF-8">
        <meta name = "author" content = "Huaijin Sun" >
        <meta name = "discription" content = "This is my first webpage">

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

    </head>


    <body>
        <h1> Hello World! </h1>
        <p> This is my first webpage</p>
        <hr>
        <nav>
            <ul>
                <li>
                    <a href = "#about me"> About me </a>
                </li>
                <li>
                    <a href = "#about my internship"> My internship </a>
                </li>
            </ul>
        </nav>

        <hr>

        <section id="about me">
        <!-- Add more experience -->
        <h2> I'm from Rice University </h2>
        <address> 1605 Rice Blvd,
            <br>&nbsp; &nbsp; &nbsp; Houston, TX 77005
            <br>&nbsp; &nbsp; &nbsp; USA
        </address>
        <p> My interests are </p>
        <ul>
            <li> Writing articles </li>
            <li> Reading books </li>
        </ul>

        <p> My favorate Internet Influencer are: </p>
        <dl>
            <dt> 美香煎饼 </dt>
            <dd> She shares her experience in <abbr title="瑞士银行">
                <a href="https://www.ubs.com/global/en.html"> UBS </a>
            </abbr> and life </dd>
            <dt> 夏河 </dt>
            <dd> I love
                <abbr title="何方神圣播客">
                    <a href="https://podcasts.apple.com/gb/podcast/%E6%B2%B3%E6%96%B9%E7%A5%9E%E5%9C%A3-%E5%A4%8F%E6%B2%B3%E6%92%AD%E5%AE%A2/id1663549828"> 河方神圣 </a>
                </abbr>
                and
                <abbr title="夏河东渡YouTube">
                    <a href="https://www.youtube.com/results?search_query=%E5%A4%8F%E6%B2%B3%E4%B8%9C%E6%B8%A1"> 夏河油管 </a>
                </abbr>
            </dd>
        </dl>
    </section>

        <hr>
        <section id="about my internship">
        <h2> My internship experience </h2>
        <p> I'm working for Agentum </p>
        <p> I'm doing the <strong>frontend</strong> work. </p>

        <h3> Ways to better handle my job: </h3>
        <p> Self study: </p>
            <ol>
                <li> ... <abbr title="Hypertext Markup Language">HTML</abbr> and CSS, in process </li>
                <figure>
                    <figcaption> An example of HTML5 code </figcaption>
                    <p>
                        <code> &lt;h1&gt; Hello world &lt;/h1&gt;</code>
                    </p>

                </figure>
                <li> ... JavaScript, haven't started </li>
                <li> ... React, haven't started </li>
                <li> ... Node.js, <em>Next.js</em>, haven't started </li>
            </ol>


        <hr>
        &lt;&lt;&lt; &copy; <abbr title="About me"><a href="about.html"> Huaijin Sun </a> </abbr> &gt;&gt;&gt;
    </section>
    <p>
        <a href = "#"> Back to top </a>
    </p>

    </body>
</html>