본문 바로가기
프로그래머 하루3시간

HTML 연습

by Money Grow 2018. 2. 6.

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style_class.css">
        <link rel="shortcut icon" href="img/001-food-1.png">
       
    </head>
       
        <body>
        <div class="container">

            <header>
                <div class="header_cont">
               
               
                    <div class="bt_in_box">
                        <div class="left">
                        <img src="bg_img/001-party.png">
                        </div>

                        <div class="right">
                            <h1>FUN FEARLESS FEMALE</h1>
                                <div class="bt">WATCH HERE!!!</div>
                            </div>

                    </div>


                </div>



            </header>

            <article>
                <nav>
                    <div class="profile_box">
                        <div class="profile"></div>
                            <div class="text">
                    parkchanwoo
                    <span>study programming in with @park<br>HTML,CSS,JS for 5weeks
                </span></div>

                    </div>
                    <div class="nav_cont">
                        -18.01.09 works-
                        jungyoonkim
                        monster18
                        aolazi
                        sosim2

                    </div>
                    <div class="nav_cont">
                        <li><a href="#">1번 텍스트</a>
                        <li><a href="#">1번 텍스트</a>
                        <li><a href="#">1번 텍스트</a>
                        <li><a href="#">1번 텍스트</a>
                        <li><a href="#">1번 텍스트</a>
                        <li><a href="#">1번 텍스트</a>
                    </div>

                    <div class="profile"></div>

                </nav>

                <content>
                <div class="video_box">
                    <iframe width="100%" height="600px" src="https://www.youtube.com/embed/N-zrjBpKGiI?ecver=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                    </iframe>
                    <div class="video_title">           
                            HONG KONG
                        </div>
                        <div class="video_subTitle">   
                        A Beautiful Destinations Original
                            </div>

       
                    <div class="video_text">
                        dajflkadjf kljkljdlaf kdaljfklj dak lfjkdlaj. fk l!!jdaofidltkd dltkdgdkrpeh rmsjsdlfdl wkRn qkftodgksek! dEjgrpems dugoddmf EJsktj dnflsms ghdzhddmf akwngkrh aktdlTSsm rjtemfdmf ajrrsh gkwl.. dlqjs dugodeh wjdakf chlrhduTek. everything was delicious.! greatful.!joyful.
dajflkadjf kljkljdlaf kdaljfklj dak lfjkdlaj. fk l!!jdaofidltkd dltkdgdkrpeh rmsjsdlfdl wkRn qkftodgksek! dEjgrpems dugoddmf EJsktj dnflsms ghdzhddmf akwngkrh aktdlTSsm rjtemfdmf ajrrsh gkwl.. dlqjs dugodeh wjdakf chlrhduTek. everything was delicious.! greatful.!joyful. dajflkadjf kljkljdlaf kdaljfklj dak lfjkdlaj. fk l!!jdaofidltkd dltkdgdkrpeh rmsjsdlfdl wkRn qkftodgksek! dEjgrpems dugoddmf EJsktj dnflsms ghdzhddmf akwngkrh aktdlTSsm rjtemfdmf ajrrsh gkwl.. dlqjs dugodeh wjdakf chlrhduTek. everything was delicious.! greatful.!joyful.
                    </div>
                    <div class="video_title">           
                            Relative Contents
                        </div>
                        <div class="video_subTitle">   
                        A Beautiful Destinations Original
                            </div>
                </div>



                <div class="top_conts">
    <div style=padding-top:30px;></div>
                    <div class="conts">
                            <div class="conts_img"></div>
                            <div class="conts_title">HanRiver_winter </div>
                            <div class="conts_text">
                            dkanakfdlskcltpdy wjdakfrhoscksgtqmslek! dufjqnsdl rmrp akwekrh smRltlaus wjdak akwsmsrjdpy  akwekrh smRltlaus wjdak akwsmsrjdpy </div>
                    </div>
                </div>

                    <div class="conts" id="conts2">
                            <div class="conts_img"></div>
                            <div class="conts_title">HanRiver_winter </div>
                            <div class="conts_text">
                            dkanakfdlskcltpdy wjdakfrhoscksgtqmslek! dufjqnsdl rmrp akwekrh smRltlaus wjdak akwsmsrjdpy  akwekrh smRltlaus wjdak akwsmsrjdpy </div>
                    </div>

                    <div class="conts">
                            <div class="conts_img"></div>
                            <div class="conts_title">HanRiver_winter </div>
                            <div class="conts_text">
                            dkanakfdlskcltpdy wjdakfrhoscksgtqmslek! dufjqnsdl rmrp akwekrh smRltlaus wjdak akwsmsrjdpy  akwekrh smRltlaus wjdak akwsmsrjdpy </div>
                    </div>

                </content>


            </article>
                <footer>
                            park good                 park good                park good
                </footer>

        </div>



   
            </body>
    </html>

댓글