-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
194 lines (188 loc) · 7.55 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!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">
<link rel="stylesheet" href="/css/styles.css">
<title>Document</title>
</head>
<body>
<header>
<div class="logo">Belajar HTML Codepolitan</div>
<div class="navigation">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="menu.html">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Section Satu -->
<section>
<article>
<h1>HTML <sup>©</sup></h1>
<p><strong>The HyperText Markup Language</strong> or HTML is <a href="#">the standard markup language</a>
for
documents designed to be displayed in a web browser. It defines the meaning and structure of web
content. It
is often assisted by technologies. such as Cascading Style Sheets (CSS) and scripting languages such as
JavaScript.</p>
<hr>
<p><a href="https://en.wikipedia.org/wiki/Web_browser">Web browsers</a> receive HTML documents from a web
server
or from local storage and render the documents into multimedia web pages <sup><a
href="google.com">[1]</a></sup>. HTML describes the structure of a
web page semantically and originally included cues for its appearance.</p>
</article>
</section>
<!-- section Dua -->
<section>
<h1>HTML Version Timeline</h1>
<p><b>HTML5™</b></p>
<p><b>November 24, 1995</b></p>
<ol>
<li>HTML 2.0 was published as RFC 1866. Supplemental RFCs added capabilities:</li>
<ul>
<li>November 25, 1995: RFC 1867 <em>(form-based file upload)</em></li>
<li>May 1996: RFC 1942 (tables)</li>
<li>August 1996: RFC 1980 (client-side image maps)</li>
<li>January 1997: RFC 2070 (internationalization)</li>
</ul>
</ol>
</section>
<!-- section tiga -->
<section>
<table>
<tr>
<td> </td>
<td>K nocky</td>
<td>Flor</td>
<td>Ella</td>
<td>Juan</td>
</tr>
<tr>
<td>Breed</td>
<td>Jack Russell</td>
<td>Poodle</td>
<td>Streetdog</td>
<td>Cocker Spaniel</td>
</tr>
<tr>
<td>Age</td>
<td>16</td>
<td>9</td>
<td>10</td>
<td>5</td>
</tr>
<tr>
<td>Owner</td>
<td>Mother-in-law</td>
<td>Me</td>
<td>Me</td>
<td>Sister-in-law</td>
</tr>
<tr>
<td>Eating Habits</td>
<td>Eats everyone's leftovers</td>
<td>Nibbles at food</td>
<td>Hearty eater</td>
<td>Will eat till he explodes</td>
</tr>
</table>
</section>
<legend>
<h1>Peminat</h1>
</legend>
<section>
<article>
<table>
<caption>
Front-end web developer course 2021
</caption>
<thead>
<tr>
<th scope="col">Person</th>
<th scope="col">Most interest in</th>
<th scope="col">Age</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Chris</th>
<td>HTML tables</td>
<td>22</td>
</tr>
<tr>
<th scope="row">Dennis</th>
<td>Web accessibility</td>
<td>45</td>
</tr>
<tr>
<th scope="row">Sarah</th>
<td>JavaScript frameworks</td>
<td>29</td>
</tr>
<tr>
<th scope="row">Karen</th>
<td>Web performance</td>
<td>36</td>
</tr>
</tbody>
<tfoot>
<tr>
<th scope="row" colspan="2">Average age</th>
<td>33</td>
</tr>
</tfoot>
</table>
</article>
</section>
<section>
<article>
<h1>Belajar Dasar CSS</h1>
<hr>
<p>
Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga
akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman.
</p>
<p>
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa
style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa berkas (file).[1] Pada umumnya CSS dipakai untuk memformat tampilan halaman
web yang dibuat dengan bahasa HTML dan XHTML.[1]
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna
border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan,
atas, bawah, dan parameter lainnya.[1]
</p>
<p>
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.[2] Dengan adanya CSS
memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.[2]
</p>
<h2>Sejarah CSS</h2>
<hr>
<p>
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan,
yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.[3] CSS sendiri merupakan
</p>
<p>
sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun
1996.[2] Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka
yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.[3]
</p>
<h3>Versi CSS</h3>
<hr>
<p>
Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada
pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa
ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal
dalam desain website. CSS3 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada
tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang ketiga diharapkan lebih baik
dari versi pertama dan kedua.
</p>
</article>
</section>
</body>
</html>