main.html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>main1.html</title>
    <link href="css/mystyle1.css" rel="stylesheet" />

</head>

<body>
    <div class="container6">
        <header>
            <h3>header 영역</h3>
        </header>

        <section>
            <nav>
                <p>nav 영역</p>
                <ul>
                    <li><a href="login.html"><label>로그인</label></a></li>
                    <li><a href="sign up.html"><label>회원가입</label></a></li>
                    <li><a href="board.html"><label>게시판목록</label></a></li>
                    <li><a href="boardwrite.html"><label>게시판글쓰기</label></a></li>
                    <li><a href="form.html"><label>form예제</label></a></li>
                    <li><a href="memberlist.html"><label>회원목록</label></a></li>
                    <li><a href="ajax1.html"><label>iris 목록</label></a></li>
                    <li><a href="ajax2.html"><label>Titanic 목록</label></a></li>
                    <li><a href="image.html"><label>Image</label></a></li>
                    <li><a href="admin.html"><label>Admin</label></a></li>
                    <li><a href="ex01.html"><label>실습1</label></a></li>
                    <li><a href="ex02.html"><label>실습2</label></a></li>
                    <li><a href="ex03.html"><label>실습3</label></a></li>


                </ul>
            </nav>
            <article>
                <p>article 영역</p>
                <table border="1">
                    <thead>
                        <tr>
                            <th>아이디</th>
                            <th>이름</th>
                            <th>연락처</th>
                            <th>이메일</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <td>a</td>
                            <td>홍길동</td>
                            <td>010-2222-2222</td>
                            <td>[email protected]</td>
                        </tr>
                        <tr>
                            <td>b</td>
                            <td>임꺽정</td>
                            <td>010-2424-2424</td>
                            <td>[email protected]</td>
                        </tr>
                        <tr>
                            <td>c</td>
                            <td>장길산</td>
                            <td>010-2132-2132</td>
                            <td>[email protected]</td>
                        </tr>
                        <tr>
                            <td>d</td>
                            <td>홍경래</td>
                            <td>010-2522-2522</td>
                            <td>[email protected]</td>
                        </tr>
                        <tr>
                            <td>e</td>
                            <td>김삿갓</td>
                            <td>010-2752-2752</td>
                            <td>[email protected]</td>
                        </tr>
                    </tbody>
                </table>
            </article>
            <aside>
                <p>aside 영역</p>
            </aside>
        </section>

        <footer>
            <h4>footer 영역</h4>
        </footer>
    </div>
</body>
</html>

좋은 웹페이지 즐겨찾기