<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <a href="blog.html">Go to Blog</a>
    <hr>
    <!--Heading-->
    <h1>Heading One</h1>
    <h2>Heading Two</h2>
    <h3>Heading Three</h3>
    <h4>Heading Four</h4>
    <h5>Heading Five</h5>
    <h6>Heading Six</h6>
    <!--Paragraph-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <strong>Laboriosam</strong> deserunt harum quas! Nostrum, debitis, excepturi <em>perspiciatisem</em> hic ipsam iste accusamus dicta perferendis inventore nulla, rem enim aut necessitatibus. Obcaecati aliquam delectus impedit minima quod odio nemo explicabo, ab soluta, alias itaque laboriosam nulla, neque ex? Officia, facere. Fugit, explicabo alias consequuntur, qui sed ad odit voluptatum est optio similique. Totam!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa molestias molestiae dolore quod expedita dicta ad blanditiis, sint odio voluptatum <a href="http://google.com" targer="_blank">earum</a>, iste quibusdam cupiditate, deserunt officia voluptas repudiandae modi pariatur ab aliquam amet tempore veritatis. Quasi commodi perspiciatis porro amet eum hic distinctio ratione odio sit ducimus. Quo aspernatur, fugit.</p>
    <!--    Lists-->
    <ul>
        <li>List Item1</li>
        <li>List Item2</li>
        <li>List Item3</li>
        <li>List Item4</li>
        
    </ul>
    <ol>
        <li>List Item1</li>
        <li>List Item2</li>
        <li>List Item3</li>
        <li>List Item4</li>
        
    </ol>
    <!--    Table-->
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Age</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Rrad</th>
                <th>orora@naver.com</th>
                <th>34</th>
            </tr>
            <tr>
                <th>김영동</th>
                <th>red@naver.com</th>
                <th>20</th>
            </tr>
               <tr>
                <th>문재아</th>
                <th>kim@naver.com</th>
                <th>16</th>
            </tr>
        </tbody>
        
    </table>
    <br>
    <hr>
    <br>
    <!--Forms    -->
    <form action="process.php" method="post">
        <div>
            <label for="">Fist name</label>
            <input type="text" name="firstName" value="성을 입력하세요">
        </div>
        <br>
        <div>
            <label for="">Last name</label>
            <input type="text" name="lastName" value="이름을 입력하세요">
        </div>
        <br>
        <div>
            <label for="">Message</label>
            <textarea type="message" name="email"></textarea>
        </div>
        <br>
        <div>
            <label for="">Email</label>
            <input type="emai" name="email">
        </div>
        <br>
        <div>
            <label for="">Gender</label>
            <select name="gender" id="">
               <option value="male">Male</option> 
               <option value="female">Female</option> 
               <option value="other">Other</option> 
            </select>
        </div>
        <br>
        <div>
            <label for="">Age:</label>
            <input type="number" name="age" value="30">
        </div>
        <br>
        <div>
            <label for="">Birthday:</label>
            <input type="date" name="brithday">
        </div>
        <br>
        <input type="submit" name="submit" value="submit">
    </form>
    <!--    Button-->
    <button >Click Me</button>
    <br>
    <!--    Image-->
    <a href="https://imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg">
       <img src="https://imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg" alt="Sample Image" width="200" >
    </a> 
    
    <!-- Quotations  -->
    <blockquote cite="naver.com">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem cupiditate nobis facere et inventore unde tempore, quae illum aperiam molestiae recusandae nemo accusamus corporis, accusantium aut assumenda rerum voluptate dolorum in odio sint adipisci? Quod excepturi reiciendis facere accusantium, veniam.</blockquote>
    <p>The <abbr title="World Wide Web">WWW</abbr> is awesome</p>
    <div style="margin-top:500px" ></div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Blog</title>
    <meta name="description" content="Blog My home">
    <meta name="keywords" content="Web design blog">
    <style type="text/css">
        #main-header{
            text-align: center;
            background-color: black;
            color: white;
            padding: 10px;
        }
        #main-footer{
            text-align: center;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <header id="main-header">
        <h1>My Website</h1>
    </header>
    <a href="index.html">Go to index</a>
    <section>
        <article class="post">
            <h3>Blog Post One</h3>
            <small>Posted by Brad on July 17</small>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia est voluptatem ad, laudantium sit. Esse quod quae dicta vitae ullam eligendi totam. Dolorem explicabo eos, impedit voluptates, voluptatibus accusamus eveniet ex adipisci molestiae dolores modi quos expedita commodi iste placeat fugit vero minima perferendis temporibus minus nemo hic. Porro, natus.</p>
            <a href="post.html">Read More</a>
        </article>
        <article class="post">
            <h3>Blog Post Two</h3>
            <small>Posted by Brad on July 17</small>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia est voluptatem ad, laudantium sit. Esse quod quae dicta vitae ullam eligendi totam. Dolorem explicabo eos, impedit voluptates, voluptatibus accusamus eveniet ex adipisci molestiae dolores modi quos expedita commodi iste placeat fugit vero minima perferendis temporibus minus nemo hic. Porro, natus.</p>
            <a href="post.html">Read More</a>
        </article>
        <article class="post">
            <h3>Blog Post Three</h3>
            <small>Posted by Brad on July 17</small>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia est voluptatem ad, laudantium sit. Esse quod quae dicta vitae ullam eligendi totam. Dolorem explicabo eos, impedit voluptates, voluptatibus accusamus eveniet ex adipisci molestiae dolores modi quos expedita commodi iste placeat fugit vero minima perferendis temporibus minus nemo hic. Porro, natus.</p>
            <a href="post.html">Read More</a>
        </article>
    </section>
    
    <aside>
        <h3>Categories</h3>
        <nav>
        <ul>
            <li><a href="#">Category1</a></li>
            <li><a href="#">Category2</a></li>
            <li><a href="#">Category3</a></li>
        </ul>
        </nav>
    </aside>
    <footer id="main-footer">
        <p>Copyright &copy; 2018, My Websit</p>
    </footer>
</body>
</html>
제목 날짜
수업자료1 file 2018.08.14
유비쿼터스 홈네트워크 정리 file 2016.11.11
모바일콘텐츠 2학기 정리 file 2016.11.10
태그 목록

LOGIN

SEARCH

MENU NAVIGATION