브라우저 제목

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>우리집 야옹이</title>
<meta name="keywords" content="">
<meta name="description" content="">
    <style>
        html,body{
            margin:0;
        }
        .wrap{
            width:1280px;
            height:auto;
            background-color:transparent;
            margin:auto;
        }
        header{
            width:100%;
            height:150px;
            background-color:transparent;
        }
        .container{
            width:100%;
            height:auto;
            background-color:transparent;
        }
        footer{
            width:100%;
            height:150px;
            background-color:black;
            color:white;
        }
        h1{
            color:blue;
            width:400px;
            background-color:transparent;
            margin:auto;
            text-align:center;
        }
        #login{
            float:right;
        }
        nav{
            clear:both;
        }
        #cat-about{
            width:100%;
            height:auto;
            background-color:transparent;
        }
        #cat-host{
            width:100%;
            height:auto;
            background-color:transparent;
        }
        #cat-photo{
            width:100%;
            height:auto;
            background-color:transparent;
        }
        .cat-bold{
            font-weight:bold;
        }
        #login ul li{
            float:left;
            list-style:none;
            margin:0 10px 0 10px;
        }
        nav ul li{
            list-style:none;
            float:left;
            margin:0 10px 0 10px;
            background-color:transparent;
            width:150px;
            
        }
        nav ul{
            margin:auto;
            width:700px;
            background-color:yellow;
            height:auto;
            padding:0 95px 0 95px;
            box-sizing:border-box;
            
        }
        a{
            text-decoration:none;
            color:#333333;
        }
        a:hover{
            color:orange;
        }
    </style>
    
</head>

<body>
    <div class="wrap">
        <header>
            <h1>★우리 집 야옹이★</h1>
            <div id="login">
                <ul>
                    <li><a href="#">로그인</a></li>
                    <li><a href="#">회원가입</a></li>
                </ul>
            
            </div>
            <nav>
                <ul>
                    <li><a href="#cat-about">우리 집 야옹이 소개</a></li>
                    <li><a href="#cat-host">기르는 주인 소개</a></li>
                    <li><a href="#cat-photo">고양이 사진 모집</a></li>
                </ul>
            </nav>
        </header>
        <section class="container">
            <section id="cat-about">
                <h2>우리 집 야옹이 소개</h2>
                <h3>●스바루(흰색에 호랑무늬, 남자)</h3>
                <p>
                    눈과 귀가 크고 멋진 미남.<br> 
                    우는 소리조차 귀엽다.<br>
                    어린 시절을 원룸에서 보낸 탓인지 다른 고양이에게 관심이 없는 편이다.성격은 지극히 자기중심적. 골판지상자 모서리나 기둥에 발톱 갈기를 좋아한다.
                </p>
                <div class="cat-img">
                    <img src="img/gureko.jpg">
                </div>
                <dl>
                    <dt>특징:</dt>
                    <dd>커다란 눈과 귀. 말린 꼬리.</dd>
                    <dt>성격:</dt>
                    <dd>자기중심적.</dd>
                </dl>
                <h3>●그레코(잿빛 털, 여자)</h3>
                <p>
                    갓 태어났을 때는 아메리칸 쇼트헤어 같았는데 크면서 점점 잿빛 고양이로 바뀌었다. 긴 털을 가진 품종의 혈통이 좀 섞였는지 털이 부드럽고 푹신푹신하게 부풀어 있어 가족들이 털복숭이라 부르고 있다. 쉰 목소리와 관록 있는 생김새로부터는 상상할 수 없을 정도로 애교를 잘 부리고 처음 보는 사람에게도 낯을 가리지 않고 스스럼없이 다가오기 때문에 손님들이 굉장히 귀여워한다.
                </p>
                <div class="cat-img">
                    <img src="img/nezuko.jpg">
                </div>
                <dl>
                    <dt>특징:</dt>
                    <dd>쉰 목소리. 데굴데굴 구르며 공격.</dd>
                    <dt>성격:</dt>
                    <dd>애교가 많다.엉큼함.</dd>
                </dl>
                <h3>●네즈코(흰색과 갈색 무늬, 여자)</h3>
                <p>그레코와 함께 우리 집에 온 흰색 빛이 도는 어린 고양이. 그레코와는 달리 전형적인 고양이 성격.호의적인 태도보다는 오히려 적대적인 태도를 보일 때가 많다(눈물). 그레코와 벌인 세력쟁탈전에서 패배한 후 집을 나가 지금은 거의 들고양이 신세가 되었다. 생김새는 원래 순 토종 풍으로 깨끗했었는데 밖에서 살던 중에 까마귀의 공격을 받아 한쪽 눈을 잃었다. 고고한 고양이. </p>
                <div class="cat-img">
                    <img src="img/subaru.jpg">
                </div>
                <dl>
                    <dt>특징:</dt>
                    <dd>한쪽 눈. 작은 얼굴.</dd>
                    <dt>성격:</dt>
                    <dd>자존심이 강하다. 사람에게는 여왕처럼 군다.</dd>
                </dl>
            </section>
            <section id="cat-host">
                <h2>기르는 주인 소개</h2>
                <dl>
                    <dt>H.N.:</dt>
                    <dd>roka404</dd>
                    <dt>하는 일 :</dt>
                    <dd>프리랜서로 웹 관련 일을 하고 있다.</dd>
                    <dt>mail:</dt>
                    <dd>
                        <a href="mailto:info@hogehoge.com">info@hogehoge.com</a>
                    </dd>
                    <dt>Web :</dt>
                    <dd>
                        <a href="http://www.hogehoge.com/">http://www.hogehoge.com/</a>
                    </dd>
                </dl>
            </section>
            <section id="cat-photo">
                <h2>고양이 사진 모집</h2>
                <p>갤러리 페이지를 기획중입니다. 여러분의 소중한 고양이를 소개해 보세요♪<br> 
                    <span class="cat-bold">고양이 열 마리가 모이면 페이지를 개설하겠습니다!</span> </p>
            </section>
        </section>
        <footer>
            <small>Copyright &copy; UCHI NO NYAN'S All Rights Reserved.</small>
        </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
태그 목록