<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>산길</title>
</head>
<body>
<h3>산길</h3>
<hr>
<p>
오늘 아침 일찍 산에 올랐다. 아침온도는 15°이었다. 가지고 간 문의 ½을 마셨다.
한참 올라 가는 도중에 약수터를 가리키는 ↰사인이 보였다.
불현듯 양두종 님의 산길이란 시에 곡을 붙인 박태준의 가곡♪이 생각이 났다.
</p>
<pre>
산길을 간다. 말없이
호올로 산길을 간다
해는 져서 새소리 그치고
짐승의 발자취 그윽히 들리는
산길을 간다 말없이
밤에 홀로 산길을 간다
</pre>
<div>© Copyright(c) 황기태 All rights reserved. ☎ 010-0000-9999</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>도시소개</title>
</head>
<body>
<h3>도시 소개</h3>
<hr>
<dl>
<dt>Califonia</dt>
<dd>맑고 확창한 날씨가 좋고</dd>
<dt>Florida</dt>
<dd>미국의 동남부에 위치한 주로서</dd>
<dt>Texas</dt>
<dd>드넓은 목장들이</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>살빼는 방법</title>
</head>
<body>
<h3>살빼는 방법</h3>
<hr>
<ul>
<li>고기를 많이 먹는 고기 다이어트</li>
<li>채소를 많이 먹는 채소 다이어트</li>
<li>적게먹고 운동하는 운동 다이어트</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>나의 셀카</title>
</head>
<body>
<h3>나의 셀카</h3>
<hr>
<table>
<caption>나의 셀카</caption>
<tbody>
<tr>
<td><img src="media/apple.png"></td>
<td><img src="media/banana.png"></td>
<td><img src="media/mango.png"></td>
</tr>
</tbody>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>신체검사</title>
</head>
<body>
<h3>신체 검사</h3>
<hr>
<table border="1">
<caption>학생 신체 검사 표</caption>
<thead>
<tr>
<th>이름</th><th>키</th><th>체중</th><th>시력</th>
</tr>
</thead>
<tfoot>
<tr>
<th>평균</th><th>181</th><th>77</th><th>1.3</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>황기태</td><td>179</td><td>67</td><td>1.0</td>
</tr>
<tr>
<td>이재문</td><td>177</td><td>77</td><td>2.0</td>
</tr>
<tr>
<td>정인환</td><td>189</td><td>87</td><td>1.2</td>
</tr>
</tbody>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>과일 수입</title>
</head>
<body>
<h3>과일 수입</h3>
<hr>
<table border="1">
<caption>과일 수입 표</caption>
<thead>
<tr><th>사과</th><th>바나나</th><th>망고</th></tr>
</thead>
<tfoot>
<tr><th>페루</th><th>필리핀</th><th>호주</th></tr>
</tfoot>
<tbody>
<tr>
<td><img src="media/apple.png"></td>
<td><img src="media/banana.png"></td>
<td><img src="media/mango.png"></td>
</tr>
</tbody>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>웹 프로그래밍 참조 사이트</title>
</head>
<body>
<h3>웹 프로그래밍 참조 사이트</h3>
<hr>
<ul>
<li><a href="https://html5.validator.nu/" target="_blank">HTML5 태그 검사 사이트</a></li>
<li><a href="http://css-validator.org/validator.html.ko" target="_blank">CSS3 스타일 시트 검사 사이트</a></li>
<li><a href="http://www.html5.org" target="_blank">HTML 표준</a></li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>애국가 가사</title>
</head>
<body>
<h3>애국가 가사</h3>
<hr>
<p>동해물과 백두산이 마르고 닳도록
하나님이 보우하사 우리나라 만세
무궁화 삼천리화려강산
대한사람 대한으로 길이 보전하세.
</p>
<audio controls>
<source src="aegukga.mp3" type="audio/mp3">
audio를 지원하지 않습니다.
</audio>
</body>
</html>
'IT > Html' 카테고리의 다른 글
| html5 - html5 문서 구조화와 웹 폼 (0) | 2018.08.14 |
|---|