Design-Patterns/div.html at main · algo-gaja/Design-Patterns · 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
<!DOCTYPE html>
<html><head><title>Blog and News</title><style>
div.TRAY { padding:0.5em; margin-left:5em; border:1px solid black; }
div.LINK { padding:0.5em; background-color:lightgray; }
</style></head><body>
<h1>Blog and News</h1>
<p><b>Blog Site</b></p>
<div class="TRAY"><div class=
"LINK"><a href="https://example.com/blog1">Blog 1</a></div>
<div class=
"LINK"><a href="https://example.com/blog2">Blog 2</a></div>
<div class=
"LINK"><a href="https://example.com/blog3">Blog 3</a></div>
</div>
<p><b>News Site</b></p>
<div class="TRAY"><div class=
"LINK"><a href="https://example.com/news1">News 1</a></div>
<div class=
"LINK"><a href="https://example.com/news2">News 2</a></div>
<p><b>News 3</b></p>
<div class="TRAY"><div class=
"LINK"><a href="https://example.com/news3us">News 3 (US)</a></div>
<div class=
"LINK"><a href="https://example.com/news3kr">News 3 (Korea)</a></div>
</div>
</div>
<hr><address>Youngjin.com</address>
</body></html>