bellshade · mergify · Mar 7, 2022 · Nov 29, 2021 · Nov 30, 2021 · Dec 4, 2021
@@ -0,0 +1,43 @@
+# HTML Tag `<link>`
+
+### Contoh
+
+Tautan ke external style sheet:
+
+```html
+<head>
+  <link rel="stylesheet" href="styles.css" />
+</head>
+```
+
+### Definisi dan Penggunaan
+
+- Tag `<link>` mendefinisikan hubungan antara dokumen saat ini dan sumber daya eksternal.
+- Tag `<link>` paling sering digunakan untuk menautkan ke external style sheet atau untuk menambahkan favicon ke situs web Anda.
+- Elemen `<link>` adalah elemen kosong, hanya berisi atribut.
+
+### Browser Pendukung
+
+| Elemen | Google Chrome | Internet Explorer/Edge | Mozilla Firefox | Safari | Opera |
+| :----: | :-----------: | :--------------------: | :-------------: | :----: | :---: |
+|  Link  |      Yes      |          Yes           |       Yes       |  Yes   |  Yes  |
+
+### Atribut Global HTML
+
+Tag `<link>` juga masuk dalam kategori tabel Atribut Global HTML
+
+### Atribut Event HTML
+
+Tag `<link>` juga masuk dalam kategori tabel Atribut Event HTML
+
+## Pengaturan CSS Bawaan
+
+Sebagian besar browser akan menampilkan elemen `<link>` dengan nilai bawaan berikut:
+
+```css
+link {
+  display: none;
+}
+```
+
+Sumber : https://www.w3schools.com/tags/tag_link.asp
@@ -0,0 +1,89 @@
+# HTML Textarea
+
+## Apa itu tag `<textarea>`?
+
+Elemen HTML `<textarea>` mewakili kontrol pengeditan teks multi-baris, berguna saat Anda ingin mengizinkan pengguna memasukkan teks bentuk bebas dalam jumlah yang cukup besar, misalnya komentar pada ulasan atau formulir umpan balik.
+
+Fitur `<textarea>` antara lain:
+
+- Atribut `id` untuk memungkinkan `<textarea>` dikaitkan dengan elemen `<label>` untuk tujuan aksesibilitas.
+- Atribut `name` untuk mengatur _name_ titik data terkait yang dikirimkan ke server saat formulir dikirimkan.
+- Atribut `rows` dan `cols` untuk memungkinkan Anda menentukan ukuran yang tepat untuk `<textarea>` yang akan diambil. Mengatur ini adalah ide yang bagus untuk konsistensi, karena default browser dapat berbeda.
+- Konten default dimasukkan di antara tag pembuka dan penutup. `<textarea>` tidak mendukung atribut `value`.
+
+Elemen `<textarea>` juga menerima beberapa atribut yang umum digunakan untuk tag `<input>`, seperti `autocomplete`, `autofocus`, `disabled`, `placeholder`, `readonly`, dan `required`.
+
+### Contoh kode
+
+#### HTML
+
+```html
+<label for="story">Tell us your story:</label>
+
+<textarea id="story" name="story" rows="5" cols="33">
+It was a dark and stormy night...
+</textarea>
+```
+
+#### CSS
+
+```css
+label,
+textarea {
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+textarea {
+  padding: 10px;
+  max-width: 100%;
+  line-height: 1.5;
+  border-radius: 5px;
+  border: 1px solid #ccc;
+  box-shadow: 1px 1px 1px #999;
+}
+```
+
+### Contoh Lain
+
+#### Contoh Basic
+
+Contoh berikut menunjukkan penggunaan `<textarea>` yang sangat sederhana, dengan sejumlah `rows` dan `columns` dan beberapa konten default.
+
+```HTML
+<textarea name="textarea" rows="10" cols="50">Write something here</textarea>
+```
+
+#### Panjang minimal dan maksimal
+
+Contoh berikut menunjukkan penggunaan `<textarea>` dengan jumlah karakter minimum dan maksimum menggunakan atribut `minlength` untuk panjang minimum dan `maxlength` untuk panjang maksimum karakter.
+
+```HTML
+<textarea name="textarea" rows="5" cols="30" minlength="10" maxlength="20">Write something here</textarea>
+```
+
+> Perhatikan bahwa minlength tidak menghentikan pengguna untuk menghapus karakter sehingga angka yang dimasukkan melewati batas minimum, tetapi itu membuat nilai yang dimasukkan ke dalam `<textarea>` tidak valid. Perhatikan juga bahwa meskipun Anda memiliki set nilai minlength (3, misalnya), `<textarea>` kosong masih dianggap valid kecuali Anda juga memiliki set atribut `required`.
+
+#### Placeholder
+
+Contoh berikut menunjukkan penggunaan `<textarea>` yang memiliki `placeholder`. Perhatikan `placeholder` itu menghilang ketika Anda mulai mengetik ke dalam `<textarea>`.
+
+```HTML
+<textarea name="textarea" rows="5" cols="30" placeholder="Comment text."></textarea>
+```
+
+> Catatan: Placeholder hanya boleh digunakan untuk memperlihatkan contoh tipe data yang harus dimasukkan ke dalam formulir, mereka bukan pengganti elemen `<label>` yang tepat yang terikat pada input.
+
+### Disabled dan readonly
+
+Contoh ini menunjukkan dua `<textarea>` yang salah satunya menggunakan atribut `disabled` dan satunya lagi menggunakan atribut `readonly`. Mainkan keduanya dan Anda akan melihat perbedaan perilaku, elemen yang `disabled` tidak dapat dipilih dengan cara apa pun (dan _valuenya_ tidak dikirimkan), sedangkan elemen `readonly` dapat dipilih dan isinya dapat disalin (dan _valuenya_ dikirimkan), Anda hanya tidak dapat mengedit isinya.
+
+> Catatan: Di browser selain firefox, seperti chrome, konten textarea yang `disabled` dapat dipilih dan disalin.
+
+```HTML
+<textarea name="textarea" rows="5" cols="30" disabled>I am a disabled textarea</textarea>
+<textarea name="textarea" rows="5" cols="30" readonly>I am a readonly textarea</textarea>
+```
+
+## Referensi
+
+- [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea)