Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 70 additions & 0 deletions HTML/033 HTML Symbols/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
### HTML Simbol

Simbol yang tidak ada di keyboard Anda juga dapat ditambahkan dengan menggunakan entitas.

## Entitas HTML Simbol

Banyak simbol matematika, teknis, dan mata uang, tidak ada pada keyboard normal.

Untuk menambahkan simbol tersebut ke halaman HTML, Anda dapat menggunakan nama entitas atau nomor entitas (referensi desimal atau heksadesimal) untuk simbol tersebut.

## Contoh

Tampilkan tanda euro, €, dengan nama entitas, desimal, dan nilai heksadesimal:

```html
<p>I will display &euro;</p>
<p>I will display &#8364;</p>
<p>I will display &#x20AC;</p>
```

Hasilnya menjadi:

```html
I will display € I will display € I will display €

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

karena <p> memiliki default display: block, maka output menjadi beberapa baris

Suggested change
I will display € I will display € I will display €
I will display €
I will display €
I will display €

```

### Beberapa Simbol Matematika yang Didukung oleh HTML

| Nomor | Char | Nomor | Entitas | Deskripsi |
| :---: | :--: | :-----: | :------: | :------------------: |
| 01 | ∀ | &#8704; | &forall; | FOR ALL |
| 02 | ∂ | &#8706; | &part; | PARTIAL DIFFERENTIAL |
| 03 | ∃ | &#8707; | &exist; | THERE EXISTS |
| 04 | ∅ | &#8709; | &empty; | EMPTY SETS |
| 05 | ∇ | &#8711; | &nabla; | NABLA |
| 06 | ∈ | &#8712; | &isin; | ELEMENT OF |
| 07 | ∉ | &#8713; | &notin; | NOT AN ELEMENT OF |
| 08 | ∋ | &#8715; | &ni; | CONTAINS AS MEMBER |
| 09 | ∏ | &#8719; | &prod; | N-ARY PRODUCT |
| 10 | ∑ | &#8721; | &sum; | N-ARY SUMMATION |
Comment on lines +31 to +40

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mungkin deskripsinya lebih bagus diubah menjadi Bahasa Indonesia untuk bagian ini


### Beberapa Bahasa Yunani yang Didukung oleh HTML

| Nomor | Char | Nomor | Entitas | Deskripsi |
| :---: | :--: | :----: | :-------: | :--------------------------: |
| 01 | Α | &#913; | &Alpha; | GREEK CAPITAL LETTER ALPHA |
| 02 | Β | &#914; | &Beta; | GREEK CAPITAL LETTER BETA |
| 03 | Γ | &#915; | &Gamma; | GREEK CAPITAL LETTER GAMMA |
| 04 | Δ | &#916; | &Delta; | GREEK CAPITAL LETTER DELTA |
| 05 | Ε | &#917; | &Epsilon; | GREEK CAPITAL LETTER EPSILON |
| 06 | Ζ | &#918; | &Zeta; | GREEK CAPITAL LETTER ZETA |

### Beberapa Entitas lain yang Didukung oleh HTML

| Nomor | Char | Nomor | Entitas | Deskripsi |
| :---: | :--: | :-----: | :------: | :----------------: |
| 01 | © | &#169; | &copy; | COPYRIGHT SIGN |
| 02 | ® | &#174; | &reg; | REGISTERED SIGN |
| 03 | € | &#8364; | &euro; | EURO SIGN |
| 04 | ™ | &#8482; | &trade; | TRADEMARK |
| 05 | ← | &#8592; | &larr; | LEFTWARDS ARROW |
| 06 | ↑ | &#8593; | &uarr; | UPWARDS ARROW |
| 07 | → | &#8594; | &rarr; | RIGHTWARDS ARROW |
| 08 | ↓ | &#8595; | &darr; | DOWNWARDS ARROW |
| 09 | ♠ | &#9824; | &spades; | BLACK SPADE SUIT |
| 10 | ♣ | &#9827; | &clubs; | BLACK CLUB SUIT |
| 11 | ♥ | &#9829; | &hearts; | BLACK HEART SUIT |
| 12 | ♦ | &#9830; | &diams; | BLACK DIAMOND SUIT |

Sumber: https://www.w3schools.com/html/html_symbols.asp
56 changes: 56 additions & 0 deletions HTML/038 HTML Select/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
### HTML Tag `<select>`

## Contoh

Buat daftar drop-down dengan empat opsi:

```html
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
```

## Definisi dan Penggunaan

- Elemen `<select>` digunakan untuk membuat daftar drop-down.
- Elemen `<select>` paling sering digunakan dalam formulir, untuk mengumpulkan input user.
- Atribut name diperlukan untuk mereferensikan data formulir setelah formulir dikirimkan (jika Anda menghilangkan atribut nama, tidak ada data dari daftar drop-down yang akan dikirimkan).
- Atribut id diperlukan untuk mengaitkan daftar drop-down dengan label.

## Browser Pendukung

| Elemen | Google Chrome | Internet Explorer/Edge | Mozilla Firefox | Safari | Opera |
| :----: | :-----------: | :--------------------: | :-------------: | :----: | :---: |
| Select | Yes | Yes | Yes | Yes | Yes |

## Atribut Global HTML

Tag `<select>` juga masuk dalam kategori tabel Atribut Global HTML

## Atribut Event HTML

Tag `<select>` juga masuk dalam kategori tabel Atribut Event HTML

## Contoh Lain

Gunakan `<select>` dengan tag <optgroup>:

```html
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
```

Sumber : https://www.w3schools.com/tags/tag_select.asp