-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (51 loc) · 2.26 KB
/
index.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
<!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>하하.</title>
<style>
body {background-color: tan;}
</style>
</head>
<body>
<h1 style="font-size:60px;" title="폰트 사이즈가 있다!">으이?</h1>
<h1 style="background-color:cadetblue;" style="color:white" title="여러 스타일 이렇게 쓰면 적용이 되나?" style="text-align:center;">색</h1>
<p title="하이루 '쓰는' 법">하이루</p>
<a title='"더블쿼츠"를 쓰면 싱글쿼츠를 못 쓰나요?"그런가요"' href="https://github.com/02-20">깃허브에용</a>
<img src="apple.png" alt="사과에용" width="200" height="200">
<img src="https://th.bing.com/th/id/OIP.91G4Im06MWSISj9qJPcirwHaIG?pid=ImgDet&rs=1" alt="파란사과와 링크">
<p>br과 hr의 차이는?</p>
<hr>
<p title="hr은 가로선이에요">ㄴ짜잔!</p>
<p>안녕-<br>-안녕br.</p>
<p>In HTML, <i>space<b>s</b> and new lines</i> are <em>ignored</em>:</p>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
<pre>
Solution : pre를 쓰시면 ~
My Bonnie lies over the ocean. <strong>스트롱!</strong>
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
<sub>아 포맷팅 너무 많은데 ?</sub>
<sup>아 포맷팅 너무 많은데 ?</sup>
냠냔ㅁ냠냠냠<ins>ins냠ins</ins>냠냠냠<del>델냠델</del>냠냠<mark>냠마크냠</mark>냠.
</pre>
<p>이정도 했으면 눈으로 봅시다.</p>
<blockquote cite="https://github.com/02-20/02-20.github.io">
안녕 나는 블록쿼트인데요.
ㄴ엔터 되나요?
사이트는 뭐지.
쿼트는 <q>큐</q>로 넣어준대요. "그냥 넣으면 안돼?"
abbr 중요해보이지만 넘어가자 또 보겠지.
<bdo dir="rtl">와! 엄청난 기능이 있네!</bdo>
</blockquote>
<!--주석-->
</body>
</html>