-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhtml-structure.html
60 lines (58 loc) · 3.48 KB
/
html-structure.html
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
<!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>Structure</title>
</head>
<body>
<!--시멘틱 태그-->
<!-- 태그의 이름만 보고도 어떠한 역할을 하는지
알 수 있도록 하는 태그-->
<header> <!-- 웹 페이지의 서론 부분에 해당-->
<h1>HTML 구조 서론</h1>
<nav> <!-- 웹 페이지의 네비게이션 부분에 해당-->
<a href="/hello_html.html"> Hello html</a>
<a href="/element/html-elements.html"> elements html </a>
</nav>
</header>
<main><!-- 웹 페이지의 본론 부분에 해당-->
<aside><!--웹 페이지의 자우측면 영역에 해당-->
<!-- aside 도 네이게이션 역할을 할 수 있음-->
<nav>
<a href="#1a" > 1 article </a>
<a href="#2a" > 2 article </a>
</nav>
</aside>
<article id="1a"><!-- 웹 페이지 본론에서 하나의 주제에 해당-->
<h3>1 Article</h3>
<section> <!--본론의 특정 주제에 대한 단원에 해당-->
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<p> 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>
</section>
<section>
<p> Contrary to popular belief, Lorem Ipsum is not simply random text. </p>
<p> It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur,
</p>
</section>
</article>
<article id="2a">
<h3>2 Article</h3>
<section>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<p> 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>
</section>
<section>
<p> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur,
</p>
</section>
</article>
</main>
<footer>
<p>copyright</p>
</footer>
</body>
</html>