-
Notifications
You must be signed in to change notification settings - Fork 0
/
test2.html
107 lines (88 loc) · 3.15 KB
/
test2.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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
글자의 크기 : <h숫자> </h숫자> 숫자는 글자의 크기를 의미한다.
자체적으로 줄바꿈기능이 포함되어 있다. 쓰다보면 외워지니 절대 외우려고 하지 말것!
-->
<h1>글자크기</h1><!--h1이 가장 크고 h6이 가장 작다-->
<h2>글자크기</h2>
<h3>글자크기</h3>
<h4>글자크기</h4>
<h5>글자크기</h5>
<h6>글자크기</h6>
<hr/><!--구분 선을 그어줌-->
<!--줄바꿈을 하고 싶다면 <br/>을 사용하면 된다.-->
<!--문단을 나타내는 테그 : <p> </p>-->
<p>여기는 첫번째 문단입니다.</p>
<p>여기는 두번째 문단입니다.</p>
<hr/>
<!--다양한 글자 속성들
글자를 두껍게 표시하는 방법
<b> </b>를 입력하면 볼드체로 글자를 두껍게 표시할 수 있다.
-->
<b>글자를 두껍게 표시</b><br/>
<u>글자에 밑줄</u><br/>
<strike> 글자에 가운데 선 </strike><br/>
<i> 이텔릭체</i><br/>
<hr/>
<ol>
<li>사과</li>
<li>귤</li>
<li>샤인머스켓</li>
</ol>
<ol type="I"> <!--로마숫자로 순서를 표기-->
<li>사과</li>
<li>귤</li>
<li>샤인머스켓</li>
</ol>
<ol type="I" start="4"> <!--시작번호를 4번으로 지정할 수 있음-->
<li>복숭아</li>
<li>키위</li>
<li>딸기</li>
</ol>
<ul> <!--순서 없이 나타남-->
<li>사과</li>
<li>귤</li>
<li>샤인머스켓</li>
</ul>
<hr/>
<!--몇가지 Entity 소개
엔터티는 여러 분야에서 많이 쓰인다.
&엔티티명; : 특수한 문자를 참조하기 위한 기호
-->
안녕 하세요<!--이 경우 가 스페이스 4번 누른 것과 같은 효과를 낸다.
html에서는 스페이스바를 여러번 누르더라도 1번밖에 안 띄워짐--></br>
<abc></br><!--html에서는 꺽쇠가 특별한 의미를 담고 있기에 <를 표현하고 싶을 경우 lt(less then), >을 표현하고 싶으면 gt를 쓴다-->
© copyright 2023
<!--데이터 고정 테그 : <pre></pre>, <xmp></xmp> -->
<hr/>
<pre>
<b><i>눈감고 가라</i></b>
윤동주
태양을 사모하는 아이들아
별을 사랑하는 아이들아
밤이 어두웠는데
눈 감고 가라
별부리에 돌이 채이거든
감았던 눈을 와짝 떠라
</pre>
<br/>
<!--xmp는 테그 안의 다른 효과를 무효화시킨다.-->
<xmp>
눈감고 가라
윤동주
태양을 사모하는 아이들아
별을 사랑하는 아이들아
밤이 어두웠는데
눈 감고 가라
별부리에 돌이 채이거든
감았던 눈을 와짝 떠라
</xmp>
</body>
</html>