2nd-shadowM8.github.io/week1.html at master · shadowM8/2nd-shadowM8.github.io · 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
77
<!doctype html>

<head>
	<title> My webpage by Github </title>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
</head>

<body>
	<header>
		<img id="logo" src="./assets/img/sample-logo.png" width="200px" />
		<nav id="top">
			<ul>
				<a href="./index.html">
					<li>Home</li>
				</a>
				<a href="./about.html">
					<li>About</li>
				</a>
				<a href="">
					<li>Contact</li>
				</a>
			</ul>
		</nav>
	</header>
	<section>
		<h1>Week 1</h1>
		<div id="article-list">
			<article>
				<a href="" id="markdown">
					<h3>Markdown</h3>
				</a>

				<p>Markdown adalah syntax yang ringan( <i>lightweight</i>) dan gampang untuk digunakan yang digunakan untuk styling
					your writing.<br>
					contoh syntax </p>

				<pre class="highlight"><code>
<span>Syntax highlighted code block</span>

<span class="gh"># Header 1</span>
<span class="gu">## Header 2</span>
<span class="gu">### Header 3</span><br>
<span class="p">-</span> Bulleted
<span class="p">-</span> List<br>
<span class="p">1.</span> Numbered
<span class="p">2.</span> List

<span class="gs">**Bold**</span> and _Italic_ and <span class="sb">`Code`</span> text

<span class="p">[Link](url)</span><span class="sx">and !</span> <span class="p">[Image](src)</span>
</code></pre>

				<p> lebih detailnya dapat dibaca di <a href="https://guides.github.com/features/mastering-markdown/">GitHub
						Flavored Markdown</a>.</p>
			</article>
			<article>
				<a href="html">
					<h3>HTML</h3>
				</a>
				<p>
					HTML merupakan salah satu dari bahasa markup yang menjadi pembangun dasar dari sebuah halaman web. Versi terbaru HTML saat ini yaitu HTML 5.1
				</p>
				<p>
					HTML memungkinkan kita untuk membuat webpage yang bersifat statis atau dinamis. Dengan sintaks HTML juga, kita bisa mendeskripsikan apa-apa saja yang ada dalam sebuah website secara semantik (atau memiliki arti), dari konten yang ada di website tersebut.
				</p>
			</article>


		</div>
	</section>


	<footer class="footer">
		<h5>Dibuat oleh &copy; Anton Oktober 2018 <a href="#top">|| scroll ke atas</a></h5>
	</footer>
</body>