2026-Web-Basic-Study/박수민/week1/index.html at 8f0035d316659d6aaf6a8d852a2749ea6effa5a3 · APPS-sookmyung/2026-Web-Basic-Study · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
    <header>
        <h1>My Blog</h1>
        <nav>
            <a href="#section 1">home</a>
            <a href="#section 2">about</a>
            <a href="#section 3">QnA</a>
        </nav>
    </header>
    <main style="display: flex; gap: 20px;">
        <article id="section 1">
            <h2>profile</h2>
            <figure>
                <img src="image/img.png">
                <figcaption>데이터사이언스전공 24학번 박수민</figcaption>
            </figure>
        </article>

        <article id="section 2">
            <h2>introduce</h2>
            <p>안녕하세요. 저는 13기 신입부원 박수민입니다. <br>아직 많이 부족하지만 열심히 배우겠습니다. <br>과제 화이팅~ <br>영상은 요즘 제 밥친구입니다.</p>
        </article>

        <article id="section 3">
            <h2>favorite</h2>
        <iframe width="580" height="380" src="https://www.youtube.com/embed/rA5Mt_XdoSQ?si=-Tx0fRW9iiT60Ncp" title="YouTube video player"></iframe>
        </article>
    </main>

    <footer>
        <p>@ 2026 APPS 13기</p>
    </footer>
</body>
</html>