-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (120 loc) · 3.86 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
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<title>Praktikum PABWE</title>
</head>
<body>
<!-- Membuat artikel sederhana dengan HTML -->
<header>
<h1>📘 Majalah Kode</h1>
<nav>
<a href="index.html">Home</a>
<a href="blog.html">Blog</a>
<a href="challenges.html">Challenges</a>
<a href="contact.html">Contact Us</a>
<a href="login.html">Login</a>
</nav>
</header>
<article>
<header>
<h2>Bahasa Dasar Web: HTML</h2>
<img
src="/assets/img/abdullah.jpeg"
alt="Photo profile"
width="50"
height="50"
/>
<p>
Ditulis oleh
<strong>Abdullah Ubaid</strong>
pada hari Senin, 23 April 2023
</p>
<img
src="/assets/img/post-img.jpg"
alt="HTML code on a screen"
width="500"
height="200"
/>
</header>
<p>
Semua situs web dan aplikasi web modern dibangun dengan tiga teknologi
<em>dasar</em>: HTML, CSS, dan JavaScript. Inilah bahasa-bahasa dari
web.
</p>
<p>
Dalam posting ini, mari fokus pada HTML. Kita akan belajar tentang HTML
secara keseluruhan, dan mengapa Anda juga seharusnya mempelajarinya.
</p>
<h3>Apa itu HTML?</h3>
<p>
HTML merupakan singkatan dari
<strong>H</strong>yper<strong>T</strong>ext <strong>M</strong>arkup
<strong>L</strong>anguage. Ini adalah bahasa markup yang digunakan oleh
pengembang web untuk mengatur dan menggambarkan isi dari sebuah halaman
web (bukan bahasa pemrograman).
</p>
<p>
HTML terdiri dari elemen-elemen yang menjelaskan berbagai jenis konten:
paragraf, tautan, judul, gambar, video, dan lain sebagainya. Peramban
web memahami HTML dan merender kode HTML sebagai situs web.
</p>
<p>Dalam HTML, setiap elemen terdiri dari 3 bagian:</p>
<ol>
<li>Tag pembuka</li>
<li>Tag penutup</li>
<li>Elemen sebenarnya</li>
</ol>
<p>
Anda dapat mempelajari lebih lanjut di
<a
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
target="_blank"
>
MDN Web Docs
</a>
.
</p>
<h3>Mengapa Anda harus mempelajari HTML?</h3>
<p>
Ada banyak alasan untuk mempelajari bahasa dasar web ini. Berikut adalah
5 di antaranya:
</p>
<ul>
<li>Untuk dapat menggunakan bahasa pengembangan web dasar</li>
<li>
Untuk membuat situs web yang indah secara manual tanpa mengandalkan
alat seperti Wordpress atau Wix
</li>
<li>Untuk membangun aplikasi web</li>
<li>Untuk menimbulkan kesan pada teman-teman</li>
<li>Untuk bersenang-senang ?</li>
</ul>
<p>
Semoga Anda memperoleh pengetahuan baru dari artikel ini. Sampai jumpa
di kesempatan berikutnya!
</p>
<aside>
<h3>Related posts</h3>
<ul>
<li>
<img src="assets/img/related-1.jpg" alt="People programming" width="95" height="95">
<a href="#">How to Learn Web Development</a>
</li>
<p>oleh Abdullah Ubaid</p>
<li>
<img src="assets/img/related-2.jpg" alt="Lightning" width="95" height="95">
<a href="#">The Unknown Power of CSS</a>
</li>
<p>oleh Kevin Sialoho</p>
<li>
<img src="assets/img/related-1.jpg" alt="People programming" width="95" height="95">
<a href="#">Why Java is Awesome</a>
</li>
<p>oleh Aprialdy Sembiring</p>
</ul>
</aside>
</article>
<footer>Copyright © 2024 oleh Praktikum PABWE.</footer>
</body>
</html>