1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=ㅗ">
<title>식물원 관람 안내</title>
</head>
<body>
<!-- 문제1. <h2>, <h4>, <ul>, <li> 태그를 이용하여 소스코드 작성 -->
<h2>관람 안내</h2>
<h4>○ 입장 및 관람 시간 안내</h4>
<ul>
<li>개장 시간 안내</br>
- 관람 시간 : 09:00 ~ 일몰 시</br>
- 매표 시간 : 오전 9 시 ~ 오후 6시 (동절기 오후 4시 40분) - 계절에 따라 변동 가능</br>
- 휴원 : 연중 무휴</li>
<li>관람 소요 시간 : 평균 1시간 30분</li>
</ul>
<!-- 문제2. <h4>, <ol>, <li> 태그를 이용하여 소스코드 작성 -->
<h4>○ 반입 금지</h4>
<ol type="1">
<li>식물원의 전 지역은 금연, 금주입니다.</li>
<li>식물원에서 취사 행위를 할 수 없습니다.</li>
</ol>
<!-- 문제3. <h4>, <p>, <b> 태그를 이용하여 소스코드 작성 -->
<h4>○ 규제 사항</h4>
<p>식물 채취 도구와 카메라 삼각대는 불허합니다. <b>음식 및 과일은 개인용으로 소포장된 것만 허용</b>하며 돗자리는 유치원, 어린이집 단체에 한해 일인용 돗자리를 허용합니다. <b>인화성 물질, 애완동물, 놀이 및 운동기구, 음향기구 및 악기의 사용을 금합니다.</b>
</p>
<p>※ 식물 보호를 위해 음식물은 국물이 없는 도시락, 껍질을 깐 과일, 음료수만 허용합니다.
</p>
</body>
</html>
2.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>english_class.html</title>
<style>
table, th, td {
border: 1px solid black; border-collapse: collapse;
}
</style>
</head>
<body>
<h3>★ 영어회화 수강 안내</h3>
<table>
<thead>
<tr><th>수강 레벨</th><th>코스A</th><th>코스B</th><th>수강기간</th><th>세부내용보기</th></tr>
</thead>
<tbody>
<tr><td>레벨1</td><td>Side by Side1</td><td>American Headway1</td><td>1개월</td><td><img src="view_detail.gif"></td></tr>
<tr><td>레벨2</td><td>Side by Side2</td><td>American Headway2</td><td>1개월</td><td><img src="view_detail.gif"></td></tr>
<tr><td>레벨3</td><td>Side by Side3</td><td>American Headway3</td>
<td>1개월</td><td><img src="view_detail.gif"></td></tr>
<tr><td>레벨4</td><td colspan="2">Exploring English 1</td><td>2개월</td><td><img src="view_detail.gif"></td></tr>
<tr><td>레벨5</td><td colspan="2">Exploring English 2</td><td>1개월</td><td><img src="view_detail.gif"></td></tr>
</tbody>
</table>
</body>
</html>
'HTML5／CSS3 > 2. HTML5 기본 문서 만들기' 카테고리의 다른 글
| Day 41 : 미디어 삽입 (0) | 2021.12.14 |
|---|---|
| Day 41 : 인라인 프레임 <iframe> (0) | 2021.12.14 |
| Day 41 : 하이퍼링크 (0) | 2021.12.14 |
| Day 40 : 고급 문서 만들기 - Img, List, Table (0) | 2021.12.13 |
| Day 40 : HTML 기본 문서 만들기 (0) | 2021.12.13 |