๐ŸŸ  HTML - ํƒœ๊ทธ๋“ค๋กœ page๋งŒ๋“ค๊ธฐ

26223 ๋‹จ์–ด htmlhtml 
<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>day25-1_page01.html</title>
</head>
<body>
    <!-- Division : ๋‚˜๋ˆ„๋‹ค, ์˜์—ญ๋ถ„ํ• ์€ ๋‚˜๋ˆ„๋Š” ๋ชฉ์ ๋„ ์žˆ์ง€๋งŒ ๊ทธ๋ฃน์ง“๊ธฐ ์œ„ํ•œ ๋ชฉ์ ๋„ ์žˆ์Šต๋‹ˆ๋‹ค. -->
    <div class="top_menu">
        <ul>
            <li><a href="">login</a></li>
            <li><a href="">signup</a></li>
            <li><a href="">membership</a></li>
        </ul>
    </div>
    <div class="header">
        <h1><a href="">LOGO</a></h1>
        <ul class="nav">
            <li><a href="">about</a></li>
            <li><a href="">news</a></li>
            <li><a href="">portfolio</a></li>
            <li><a href="">board</a></li>
            <li><a href="">gallery</a></li>
            <li><a href="">contact</a></li>
        </ul>
        <!-- ์•„๋ž˜์™€ ๊ฐ™์ด ๊ตฌ์„ฑํ•ด๋„ ๊ฐ€๋Šฅํ•จ
        <div class="nav">
            <h2><a href="">about</a></h2>
        </div>
        -->
    </div>
    <div class="content">
        <div class="header"></div>
            <h3>Content Title</h3>
            <p>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae saepe veritatis quaerat unde
                <br>libero repudiandae tenetur atque blanditiis voluptate voluptates!
            </p>
        </div>
        <div class="section">
            <div class="article">
                <!--divํƒœ๊ทธ์•ˆ์— ํ†ต์ผ์„ฑ์žˆ๊ฒŒ imgํƒœ๊ทธ๋ฅผ ๋ฐ”๋กœ ์“ฐ์ง€ ์•Š๊ณ div์•ˆ์— ๋„ฃ๋Š”๋‹ค-->
                <div class="image">
                    <img src="" alt="">
                </div>
                <h4>Article Title</h4>
                <h5>Lorem ipsum dolor sit amet.</h5>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem nulla perferendis libero, quos laborum ea maxime amet quo optio assumenda ad, tempore placeat nam exercitationem delectus officiis eligendi ut odio?
                </p>
                <ul>
                    <li><a href="">๐ŸŽฒ</a></li>
                    <li><a href="">๐ŸŽฎ</a></li>
                </ul>
            </div>
            <div class="article"></div>
            <div class="article"></div>
            <div class="article"></div>
        </div>
        <div class="banner"></div>
    <div class="content"></div>
    <div class="footer"></div>
</body>
    </html>
day25-1_page01.html

LOGO

Content Title

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae saepe veritatis quaerat unde
libero repudiandae tenetur atque blanditiis voluptate voluptates!

Article Title

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem nulla perferendis libero, quos laborum ea maxime amet quo optio assumenda ad, tempore placeat nam exercitationem delectus officiis eligendi ut odio?