본문 바로가기
HTML

HTML5 기본태그_chapter 03 연습문제 08-12

by ADELA_J 2023. 3. 23.
<!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>practice0323</title>
</head>
<body>

    <!--연습문제 8/9번 p.91-->
    <a href = "http://www.hanbit.co.kr"> <img src = hanbit.png> </a> <br>
    <a href = "http://www.naver.com"> NAVER </a> <br>
    <a href = "http://www.google.com"> Google </a> <br>
    <a href = "https://www.snu.ac.kr/"> 대학교 </a> <br>

    <!--연습문제10번-->
    <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>

    <!--연습문제11번p.92-->
    <ul>
        <li>따뜻한 음료</li>
        <ol>
            <li>커피</li>
            <li>녹차</li>
            <li>둥굴레차</li>
        </ol>
        <li>차가운 음료</li>
        <ol>
            <li>커피</li>
            <li>스무디</li>
            <li>식혜</li>
        </ol>
    </ul>

    <!--연습문제 12번. p92-->
    <table border="1">
        <tr>
            <th colspan="6"><b>한국의 차</b></th>
        </tr>
        <tr>
            <th rowspan="6"><b>뿌리차</b></th>
            <td>인삼차</td>
            <th rowspan="9"><b>과일차</b></th>
            <td>수정과</td>
            <th rowspan="5"><b>잎차</b></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>
           <th rowspan="4"><b>기타</b></th>
           <td>두충차</td>
        </tr>
        <tr>
            <th rowspan="3"><b>곡물차</b></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>

 

practice0323
NAVER
Google
대학교

HTML5 Basic

ITCookbook - HanbitAcademy


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.

  • 따뜻한 음료
    1. 커피
    2. 녹차
    3. 둥굴레차
  • 차가운 음료
    1. 커피
    2. 스무디
    3. 식혜
한국의 차
뿌리차 인삼차 과일차 수정과 잎차 뽕잇차
당귀차 유자차 감잎차
생강차 구기자차 솔잎차
칡차 대추차 국화차
둥굴레차 오미자차 이슬차
마차 매실차 기타 두충차
곡물차 보리차 모과차 영지버섯차
옥수수차 산수유차 귤강차
현미차 탱자차 쌍화차

 

'HTML' 카테고리의 다른 글

0330 HTML 입력양식  (0) 2023.03.30
글자 태그 / 목록 태그  (0) 2023.03.30
미디어(이미지/오디오/비디오/유튜브) 태그  (0) 2023.03.23
HTML 테이블태그  (0) 2023.03.23
230316_HTML 기초  (0) 2023.03.19