WebProgramming/day1_html_tutorial.html at master · suyonghan/WebProgramming · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>
		<b>HTML5 학습</b>
	</h1>
	<nav>
		<a href="https://www.w3.org/">w3c</a> <a
			href="https://www.w3schools.com/">w3cSHOOLS</a><a
			href="https://jquery.com/">jQuery</a>
	</nav>
	<section>
		<article>
			<h3>
				<b>나의 소개</b>
			</h3>
			<ul>
				<li>이름 : 한수용</li>
				<li>관심기술 : Cloud</li>
				<li>취미 : 축구</li>
				<li>싫어하는 음식 : 콩</li>
			</ul>
		</article>
		<article>
			<h3>
				<b>올해 재미있게 시청한 프로그램</b>
			</h3>
			<table border="1">
				<tr>
					<th>제목</th>
					<th>장르</th>
				</tr>
				<tr>
					<td>신서유기5</td>
					<td>예능</td>
				</tr>
				<tr>
					<td>그것이알고싶다</td>
					<td>다큐멘터리</td>
				</tr>
				<tr>
					<td>보이스3</td>
					<td>드라마</td>
				</tr>
			</table>
		</article>
		<article>
			<h3>
				<b>자랑하고 싶은 우리동네의 아름다운 곳</b>
			</h3>
			신세계가 2016년 9월 9일 오픈한 복합쇼핑몰. 주소는 경기도 하남시 미사대로 750이다. 국내 복합쇼핑몰 중 2018년
			기준 최대 규모로 연면적 46만㎡, 매장면적 15만6천㎡를 자랑한다. 신세계와 터프먼 아시아와 합작법인이다.
			<figure>
				<img width="100%" height="200px"
					src="http://img.hani.co.kr/imgdb/resize/2016/0909/00502857_20160909.JPG">
				<figcaption>하남스타필드 내부사진</figcaption>
			</figure>
		</article>
		<aside>
			<br>
			<iframe width="862" height="486"
				src="https://www.youtube.com/embed/-HSoYqI8OVE" frameborder="0"
				allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
				allowfullscreen></iframe>
		</aside>
		<footer>
			<i>이 문서는 한 수용에 의해 HTML과 CSS3기술을 사용하여 2019년 5월 27에 작성하였습니다(ver
				1.0)</i>
		</footer>
	</section>
</body>
</html>