반응형
#HTML5 웹 프로그래밍 입문
[3장 1번]
다음 중 HTML5 표준에 추가된 시맨틱 태그가 아닌 것은?
1. head 태그 2. nav 태그 3. aside 태그 4. footer 태그
- 1. head 태그
[3장 2번]
다음 중 인라인 형식의 태그는?
1. div 태그 2. a 태그 3. ul 태그 4. li태그
- 2. a태그
[3장 3번]
클릭하면 한빛미디어 웹 사이트(http://hanbit.co.kr)로 이동하는 a 태그를 작성하시오.
<a href="http://hanbit.co.kr">한빛미디어</a>[3장 4번]
다음과 같이 폴더를 구성한 후 클릭하면 한빛미디어 웹 사이트로 이동하도록 이미지가 포함된 a 태그를 작성하시오.
[풀이]
<a href="http://hanbit.co.kr">
<img src="hanb_logo.gif"/>
</a>
[3장 5번]
다음 웹 페이지를 생성하시오.
[풀이]
<!DOCTYPE html>
<html>
<head>
<title>제목</title>
</head>
<body>
<h1>HTML5 Basic</h1>
<h2>ITCookbook - HanbitAcademy</h2>
<hr/>
<p>Lorem ipsum dolor sit amet, conesctetur adipiscing elit.
Vestibulum suscipit feugiat risi, vel lacinia magna posuere id.
Integer ac tellus diam. Donec feugiat nulla non turpis sesper, vel suscipit sapien mollis.
Vestibulum dolor tellus. vulputate in turpis vel, auctor conesquat justo.
Nullam congue justo eget ipsum mollis hendrerit. Aliquam rutrum gravida eros eget elementurm.
Suspendisse gravida wem at leo mattis, eu auctor neque iaculis.
</p>
</body>
</html>
[3장 6번]
다음 목록을 생성하시오.
[풀이]
<ul>
<li>따뜻한 음료</li>
<ol>
<li>커피</li>
<li>녹차</li>
<li>둥굴레차</li>
</ol>
<li>차가운 음료</li>
<ol>
<li>커피</li>
<li>스무디</li>
<li>식혜</li>
</ol>
</ul>
[3장 7번]
다음 표를 생성하시오.
[풀이]
<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>
<th rowspan="4">기타</th>
<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>
반응형
'Solution_ > HTML5 web' 카테고리의 다른 글
| [HTML5] 4장 연습문제 (HTML5 멀티미디어 태그와 입력 양식 태그) (0) | 2019.04.02 |
|---|---|
| [HTML5] 2장 연습문제 (HTML5 기본 구조와 작성법) (0) | 2019.03.22 |
댓글