ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • HTML 웹 프로그래밍 입문 3장
    Web/HTML5 웹 프로그래밍 입문 2019. 7. 22. 19:05

    1.


    head는 시맨틱 태그가 아니다.


    2. 2


    div,ul,li는 블록 형식의 태그이다. a는 인라인 형식이다.


    3. <a href = "http://hanb.co.kr" > 클릭 </a>


    4. <a href = "HTMLPage.html"><img src = "hanb_logo.gif" /></a>


    5. 


    <!DOCTYPE html>

    <html>

      <head>

        <title></title>

      </head>

      <body>

        <h1>HTML5 Basic</h1>

        <h2> ITCookbook - HanbitAcademy </h2>

        <hr />

        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

      </body>

    </html>



    6.


    <!DOCTYPE html>

    <html>

      <head>

        <title></title>

      </head>

      <body>

        <ul>

          <li>따뜻한 음료</li>

          <ol>

            <li>커피</li>

            <li>녹차</li>

            <li>둥굴레차</li>

          </ol>

          <li>차가운 음료</li>

          <ol>

            <li>커피</li>

            <li>스무디</li>

            <li>식혜</li>

          </ol>

        </ul>

      </body>

    </html>


    7.

    <!DOCTYPE html>
    <html>
      <head>
        <title></title>
      </head>
      <body>
        <table border = "1">
          <tr>
          <th colspan="6">한국의 차 </th>
        </tr>
          <tr>
            <th rowspan="6">뿌리차</th>
            <td>인삼차</td>
            <th rowspan="9">과일차</th>
            <td>수정과</td>
            <th rowspan="5">잎차</th>
            <td>뽕잎차</td>
          </tr>
          <tr>
            <td>당귀차</td>
            <td>유자차</td>
            <td>감잎차</td>
          </tr>
          <tr>
            <td>생강차</td>
            <td>구기자차</td>
            <td>솔잎차</td>
          </tr>
          <tr>
            <td>칡차</td>
            <td>대추차</td>
            <td>국화차</td>
          </tr>
          <tr>
            <td>둥굴레차</td>
            <td>오미자차</td>
            <td>이슬차</td>
          </tr>
          <tr>
            <td>마차</td>
            <td>매실차</td>
            <td rowspan="4">기타</td>
            <td>무충차</td>
          </tr>
          <tr>
            <th rowspan="3">곡물차</th>
            <td>보리차</td>
            <td>모과차</td>
            <td>영지버섯차</td>
          </tr>
          <tr>
            <td>옥수수차</td>
            <td>산수유차</td>
            <td>귤강차</td>
          </tr>
          <tr>
            <td>현미차</td>
            <td>탱자차</td>
            <td>쌍화차</td>
          </tr>
        </table>
      </body>
    </html>


Designed by Tistory.