브라우저 제목

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>우리 집 야옹이</title>
<meta name="keywords" content="야옹이, 고양이, 나비, 애완동물 소개">
<meta name="description" content="우리 집에서 키우고 있는 세 마리의 고양이를 귀여운 사진과 함께 소개하겠습니다.">
    <style>
        table,td,th{
            border:1px solid black;
            border-collapse:collapse;
        }
        .cat-table{
            width:700px;
        }
        .cat-table th{
            width:200px;
            text-align:left;
            padding:10px 10px 10px 10px;
        }
        .cat-table td{
            padding:10px;
        }
        input[type=reset]{
            width:100px;
            padding:10px;
            
        }
        input[type=submit]{
            width:100px;
            margin-left:10px;
            padding:10px;
        }
        .cat-table tr:last-child{
            text-align:center;
        }
    </style>
    
</head>

<body>
<div id="wrap">
<h1>고양이 사진 투고 형식</h1>
<p>필요 사항을 기입한 후 투고 버튼을 눌러 주세요.</p>
    <table class="cat-table">
        <tr>
            <th>고양이 이름</th>
            <td><input type="text" maxlength="10" placeholder="고양이 이름" autofocus  autocomplete="on"></td>
        </tr>
        <tr>
            <th>주소</th>
            <td>
                <select name="city">
                    <option value="서울">서울</option>
                    <option value="경기">경기</option>
                    <option value="전라도">전라도</option>
                    <option value="강원도">강원도</option>
                    <option selected>선택하세요</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>성별</th>
            <td>
                <input type="radio" name="gender" value="여성">여성
                <input type="radio" name="gender" checked value="남성">남성
            </td>
        </tr>
        <tr>
            <th>좋아하는 곳</th>
            <td>
                <input type="checkbox" name="check1" value="생선" checked>생선
                <input type="checkbox" name="check2" value="고기">고기
                <input type="checkbox" name="check3" value="우유">우유
                <input type="checkbox" name="check4" value="단것">단것
            </td>
        </tr>
        <tr>
            <th>사진</th>
            <td>
                <input type="file" name="upload">
            </td>
        </tr>
        <tr>
            <th>기르는 주인 이름</th>
            <td>
                <input type="text" maxlength="16" placeholder="주인이름" >
            </td>
        </tr>
        <tr>
            <th>메일주소</th>
            <td>
                <input type="text" maxlength="20">@
                <select name="email-address">
                    <option value="naver.com">naver.com</option>
                    <option value="nate.com">nate.com</option>
                    <option value="daum.net">daum.net</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>코멘트</th>
            <td>
                <textarea row="5" cols="50"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="reset">
                <input type="submit" value="전송">
            </td>
            
        </tr>
    
    </table>


<p><small>Copyright &copy; UCHI NO NYAN'S All Rights Reserved.</small></p>
</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
태그 목록