-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdicoding_website.txt
178 lines (112 loc) · 4.9 KB
/
dicoding_website.txt
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
web server -> lebih berfokus pada software yang dapat menguhubungkan komputer dengan komputer lain.
http server
Apache adalah salah satunya yang cukup friendly, gratis, dan tersedia untuk seluruh komputer dengan basis UNIX (termasuk MacOS) dan juga Windows.
html cheat sheet :
head -> <head> pada berkas HTML berfungsi sebagai tempat disimpannya informasi dari dokumen HTML
title -> Informasi dapat berupa elemen meta, style, atau link. Dan juga pada elemen ini judul dari dokumen HTML didefinisikan dengan menggunakan elemen <title>
##attribute pada html ada dua global dan spesifik, berikut adalah global atribute di html :
1.accesskey
Menentukan tombol shortcut untuk mengaktifkan/memfokuskan pada sebuah element.
2.class
Menentukan satu atau lebih classname untuk sebuah elemen.
3.contenteditable
Menentukan konten dari elemen merupakan konten yang dapat diubah atau tidak.
4.data-* ( https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_data )
Digunakan untuk menyimpan sebuah data pribadi khusus ke halaman atau aplikasi.
5.dir
Menentukan arah teks untuk konten pada suatu elemen.
6.draggable (https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_draggable )
Menentukan apakah suatu elemen dapat di-drag atau tidak.
7.dropzone
Menentukan apakah data yang di-drag adalah data yang disalin, dipindahkan, atau ditautkan saat dijatuhkan.
8.hidden
Menentukan apakah suatu elemen ditampilkan atau tidak pada browser.
9.id
Menetapkan id pada elemen.
10.lang
Menentukan bahasa pada konten elemen.
11.spellcheck
Menentukan apakah elemen harus diperiksa ejaannya dan tata bahasanya atau tidak.
12.style
Menentukan styling secara satu baris untuk suatu elemen.
13.tabindex
Menentukan urutan dari suatu elemen.
14.title
Menentukan informasi tambahan tentang suatu elemen.
15.translate
Menentukan apakah konten elemen harus diterjemahkan atau tidak.
###end global atribute'
paragraf -> <p></p>, hindari penggunaan di head dan list
heading -> dicari oleh mensin pencarian google search.
list :
Unordered lists : daftar yang ditampilkan tidak memiliki urutan.
<ul>
<li><h1>Sebuah Heading sebagai item list</h1></li>
<li><h2>Sebuah Heading level 2 sebagai item list</h2></li>
<li><p>Sebuah paragraf sebagai item list</p></li>
</ul>
Ordered lists : daftar yang ditampilkan secara terurut.
<ol type="I">
<li>Langkah pertama</li>
<li>Langkah kedua</li>
<li>Langkah ketiga</li>
<li>Langkah selanjutnya</li>
</ol>
<ol type="A">
<li>Langkah pertama</li>
<li>Langkah kedua</li>
<li>Langkah ketiga</li>
<li>Langkah selanjutnya</li>
</ol>
kita bisa menentukan awal urutan dengan atribute start="".
<ol start="7">
<li>Langkah ketujuh</li>
<li>Langkah kedelapan</li>
<li>Langkah kesembilan</li>
<li>Langkah selanjutnya</li>
</ol>
kita bisa menambahkan atribut reversed pada ol agar urutannya decrement.
Description lists : daftar yang terbuat dari beberapa istilah diikuti dengan deskripsi dari istilah tersebut.
<dl>
<dt>Beast of Bodmin</dt>
<dd>A large feline inhabiting Bodmin Moor.</dd>
<dt>Morgawr</dt>
<dd>A sea serpent.</dd>
<dt>Owlman</dt>
<dd>A giant owl-like creature.</dd>
</dl>
IMG
<img src="https://i.imgur.com/EUUXQcf.png" alt="dicoding">
Selanjutnya adalah atribut alt. Atribut ini sebenarnya tidak wajib untuk diterapkan, hanya saja atribut ini akan sangat berguna ketika gambar tidak berhasil ditampilkan. Nilai atribut ini merupakan gambaran dari gambar yang ditampilkan dalam bentuk tulisan. Sehingga ketika gambar gagal ditampilkan maka akan memunculkan teks alternatif yang dapat mewakili arti dari gambar tersebut.
long quotations
<blockquote cite="https://id.wikipedia.org/wiki/Situs_web">
<p>Situs web (bahasa Inggris: website) adalah sekumpulan halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.</p>
</blockquote>
proformatted text -> kita menggunakan <pre></pre> agar yang di tulis di html sama dengan yang kita tulis di code editor
<cite> -> rujukan
<p><dfn>website</dfn> adalah ...</p> -> penjelasan
E=MC<sup>2</sup> -> superscript
C<sub>12</sub>H<sub>22</sub>O<sub>11</sub> -> subscript
Highlighted text
<mark>mata-mata
Pemberontak berhasil mencuri rencana rahasia
</mark>
line break :
<p>
Dicoding Space,<br>
Jln. Batik Kumeli No. 50.<br>
Bandung.<br>
40123
</p>
Elemen <article> bertindak sebagai container untuk independen konten pada sebuah halaman, artinya konten utuh yang tidak terkait dengan konten lain. Bisa saja konten yang dimasud berupa artikel blog, komentar, forum post, dan konten lainnya.
<aside> </aside> -> digunakan untuk menampung artikel bisa di dalam <artcle> atau tidak tergantung penggunaan.
<section></section> -> mengelompokan konten yang memiliki kesalaam salah satunya heading.
##table
<table>
<tr>
<th></th>
</tr>
<tr>
<td><td>
</tr>
</table>