헤더 (Header) 내비게이션 (Navigation) 이미지 삽입 (Image) 링크 (Anchor Link) 버튼 (Button) 폼 (Form) 테이블 (Table) 리스트 (List) 아이프레임 (IFrame) 비디오 삽입 (Video) 오디오 삽입 (Audio) 앱 아이콘 (Favicon) 주석 (Comment)

헤더 (Header)

<header>
    <h1>웹 페이지 제목</h1>
    <p>간단한 설명이 들어가는 영역입니다.</p>
</header>

내비게이션 (Navigation)

<nav>
    <ul>
        <li><a href="#home">홈</a></li>
        <li><a href="#services">서비스</a></li>
        <li><a href="#about">소개</a></li>
        <li><a href="#contact">연락처</a></li>
    </ul>
</nav>

이미지 삽입 (Image)

<img src="https://via.placeholder.com/600x300" alt="이미지 설명" width="600" height="300">

링크 (Anchor Link)

<a href="https://www.example.com">외부 웹사이트로 이동</a>

버튼 (Button)

<button onclick="alert('버튼이 클릭되었습니다!')">클릭!</button>

폼 (Form)

<form action="/submit" method="POST">
    <label for="name">이름:</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">이메일:</label>
    <input type="email" id="email" name="email"><br><br>
    <input type="submit" value="제출">
</form>

테이블 (Table)

<table border="1">
    <thead>
        <tr>
            <th>이름</th>
            <th>나이</th>
            <th>학년</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>홍길동</td>
            <td>21</td>
            <td>3학년</td>
        </tr>
        <tr>
            <td>김철수</td>
            <td>22</td>
            <td>4학년</td>
        </tr>
    </tbody>
</table>

리스트 (List)

<ul>
    <li>홍길동</li>
    <li>김철수</li>
    <li>박영희</li>
</ul>

아이프레임 (IFrame)

<iframe src="https://www.example.com" width="600" height="400"></iframe>

비디오 삽입 (Video)

<video controls>
    <source src="https://www.w3schools.com/html/movie.mp4" type="video/mp4">
    이 브라우저는 비디오 태그를 지원하지 않습니다.
</video>

오디오 삽입 (Audio)

<audio controls>
    <source src="audio-file.mp3" type="audio/mp3">
    이 브라우저는 오디오 태그를 지원하지 않습니다.
</audio>

앱 아이콘 (Favicon)

<link rel="icon" href="favicon.ico" type="image/x-icon">

주석 (Comment)

<!-- 이 부분은 주석입니다. 브라우저에는 표시되지 않습니다. -->