HTML Table

table

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Week 02</title>
</head>
<body>
<h1>HTML 학습</h1>
<p>기본적인 HTML에 대해 배워봅시다.</p>

<h2>게임</h2>
<ul>
    <li><a href="<https://wutheringwaves.kurogames.com/kr/main>">명조</a></li>
    <li><a href="<https://zenless.hoyoverse.com/ko-kr/>">Zenless Zone Zero</a></li>
    <li>
        <a href="<https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjC9p_P47mIAxVpbfUHHWfgGxMQFnoECBAQAQ&url=https%3A%2F%2Fgenshin.hoyoverse.com%2Fko&usg=AOvVaw2A_eh7X0EBdpPz1hprGxeH&opi=89978449>">
            원신
        </a>
    </li>
    <li>
        <a href="<https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&ved=2ahUKEwi2qMSShbqIAxXNh68BHVAJJ98QFnoECCMQAQ&url=https%3A%2F%2Fstore.steampowered.com%2Fapp%2F1151640%2FHorizon_Zero_Dawn_Complete_Edition%2F%3Fl%3Dkoreana&usg=AOvVaw2nxmqBcco1ex5AAUWDCeRg&opi=89978449>">
            Horizon Zero Dawn
        </a>
    </li>
    <li>
        <a href="<https://store.epicgames.com/ko/p/football-manager-2024>">
            Football Manager (2024년 9월 12일까지 무료)
        </a>
    </li>
</ul>

<!--<div>-->
<!--    <img src="<https://picsum.photos/300/300>"/>-->
<!--</div>-->
<div>
    <a href="<https://nano5.notion.site/HTML-d80fc40cda4d49e28a2a2b3411c5d307?pvs=4>"
       target="_blank">
        <img src="images/gundam.png" width="300"/>
    </a>
</div>

<h2>원신 케릭터</h2>
<!-- border 및 width 애트리뷰트는 사용하지 말고, CSS를 사용할 것 -->
<table border="1" width="100%">
    <caption>이미지 및 데이처 출처는 미호요 원신 게임과 <a href="<https://genshin-impact.fandom.com/wiki/Characters#Playable_Characters>"><https://genshin-impact.fandom.com/></a>입니다.</caption>
    <thead>
    <tr>
        <th>희귀도</th>
        <th>이미지</th>
        <th>이름</th>
        <th>속성</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th scope="row">5성</th>
        <td><img src="<https://static.wikia.nocookie.net/gensin-impact/images/8/88/Yoimiya_Icon.png>" width="80"/></td>
        <td>요이미야</td>
        <td>불</td>
    </tr>

    <tr>
        <th scope="row">5성</th>
        <td><img src="<https://static.wikia.nocookie.net/gensin-impact/images/e/e3/Kaedehara_Kazuha_Icon.png>" width="80"/></td>
        <td>카즈하</td>
        <td>바람</td>
    </tr>
    <tr>
        <th scope="row">5성</th>
        <td><img src="<https://static.wikia.nocookie.net/gensin-impact/images/0/0b/Mualani_Icon.png>" width="80"/></td>
        <td>말라니</td>
        <td>물</td>
    </tr>

    <tr>
        <th scope="row">4성</th>
        <td><img src="<https://static.wikia.nocookie.net/gensin-impact/images/d/d4/Xingqiu_Icon.png>" width="80"/></td>
        <td>행추</td>
        <td>물</td>
    </tr>
    </tbody>
</table>

</body>
</html>