브라우저 제목

<!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:100px;
            background-color:transparent;
        }
        #cat-photo{
            width:100%;
            height:100px;
            background-color:transparent;
        }
    </style>
    
</head>

<body>
    <div class="wrap">
        <header>
            <h1>★우리 집 야옹이★</h1>
            <div id="login">우리 집 아이돌, 고양이들을 소개하겠습니다!</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>
            </section>
            <section id="cat-host">기르는 주인 소개</section>
            <section id="cat-photo">고양이 사진 모집</section>
        </section>
        <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
태그 목록