브라우저 제목

<!doctype html>
<html lang="ko">
    <head>
    <meta charset="utf-8">
    <title>로그인 페이지</title>
        <style>
            html,body{
                margin:0;
                font-family:"맑은 고딕";
            }
            .wrap{
                width:1200px;
                height:1000px;
                margin:auto;
            }
            header{
                width:100%;
                height:150px;
                background-color:cyan;
            }
            #container{
                width:100%;
                height:700px;
                background-color:transparent;
            }
            footer{
                width:100%;
                height:150px;
                background-color:black;
                color:white;
            }
            .login-title{
                width:300px;
                background-color:cyan;
                font-size:32px;
                margin:auto;
                margin-top:30px;
                text-align:center;
                padding-top:10px;
                padding-bottom:10px;
            }
            table,td,th{
                border:1px solid black;
                border-collapse:collapse;
            }
            .login-table{
                width:600px;
                margin:auto;
                margin-top:10px;
            }
            input[type=text],
            input[type=password],
            input[type=submit]{
                width:100%;
                
            }
            input[type=text],
            input[type=password]{
                padding:15px;
                font-size:20px;
                box-sizing:border-box;
            }
            input[type=checkbox]{
                width:30px;
                height:30px;
                
            }
            input[type=submit]{
                padding:15px;
                font-size:20px;
                box-sizing:border-box;
                letter-spacing:20px;
                border:none;
                background-color:hotpink;
                color:white;
                border-radius:10px;
            }
        </style>
    </head>
    <body>
        <div class="wrap">
            <header>헤더</header>
            <div id="container">
                <h2 class="login-title">로그인</h2>
                <table class="login-table">
                    <tr>
                        <td>
                            <input type="text" placeholder="아이디" maxlength="20">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="password" placeholder="비밀번호" maxlength="20">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="auto">자동로그인
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="submit" value="로그인">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" class="page-link">회원가입 페이지로 이동</a>
                        </td>
                    </tr>
                
                </table>
            </div>
            <footer>푸터</footer>
        </div>
    </body>
</html>

제목 날짜
bxslider 썸네일 옵션 2020.02.19
bx슬라이더 bx-wrapper, bx-pager, pager 링크 css 2020.02.19
bx슬라이더 좌우 화살표 css file 2020.02.18
drop down 네비게이션 2020.02.17
회원가입 페이지 2020.02.07
로그인 페이지-3 2020.02.06
로그인 페이지-2 2020.02.05
테이블1 2020.02.04
로그인 페이지-1 2020.02.03
우리집 고양이-6 2020.02.03
우리집 고양이 페이지-5 2020.01.31
우리집 야용이 페이지-4 file 2020.01.30
우리집 고양이 태그, css 이해 연습1 file 2020.01.29
우리집 고양이-2 file 2020.01.28
우리집 야옹이 페이지-1 file 2020.01.23
세번째 HTML코드 2020.01.17
두번째 HTML 코드 2020.01.15
첫번째 태그 코드 2020.01.14
html(기초)-세번째 시간-태그의 속성, 기본 텍스트 Html 2019.12.16
html(기초)-두번째 시간-태그의 사용 및 메타 태그 file 2019.12.16
태그 목록