Contoh code code html
Untuk pembahasan kali ini, kita akan membahas apa saja code atau script yang ada di HTML
Berikut ini adalah beberapa contoh code atau script HTML
1. Tabel
Beberapa tag yang ada di Tabel
1. <Table>
Untuk membuat sebuah table
2. <Thead>
Untuk mengkelompokan konten header di table
3. <tr>
Untuk membuat baris di table
4. <td>
Untuk membuat sel di table
5. <TBody>
Untuk mengekelompokan konten isi di table
6. <TH>
Untuk sel header di table
7. <tfoot>
Untuk mengkelompokan konten di table
8. <colgrup>
Untuk menentukan grup dari satu atau lebih kolom di table untuk pemformatan
9. <col>
Menentukan properti kolom untuk setiap kolom dalam elemen <colgrup>
10. <caption>
untuk membuat judul teks
Contoh tabel
Ini adalah table yang saya buat(bisa di edit lebih banyak)
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<h2>A basic HTML table</h2>
<table style="width:100%">
<tr>
<th>EPL</th>
<th>Laliga</th>
</tr>
<tr>
<td>Manchester United</td>
<td>Real Madrid</td>
</tr>
<tr>
<td>Manchester City</td>
<td>Barcelona</td>
</tr>
<tr>
<td>Chelsea</td>
<td>Atletico Madrid</td>
</table>
<p>To undestand the example better, we have added borders to the table.</p>
</body>
</html>
2. Form
Beberapa tag yang ada di Form
1. <input>
2. <textarea>
3. <button>
4. <select>
5. <option>
6. <optgroup>
7. <fieldset>
8. <label>
9. <output>
Ini adalah form yang saya buat(bisa di edit)
3. Link
Beberapa tag yang ada di Link
1.<a href>
a href adalah atribut terpenting dalam pembuatan link.a href bertujuan untuk menunjukan tujuan tautan.
2.Target
Atribut target menentukan tempat untuk membuka dokumen tertaut.
Target dapat memiliki satu dari nilai berikut
1._self - Bawaan. Membuka dokumen di jendela/tab yang sama dengan yang diklik
2._blank - Membuka dokumen di jendela atau tab baru
3._parent - Membuka dokumen dalam bingkai induk
4._top - Membuka dokumen di seluruh badan jendela
Ini adalah contoh link yang ada di W3Schools
4. Image
Berikut ini adalah tag Image
<!DOCTYPE html>
<html>
<body>
<h2>HTML Image</h2>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
</body>
</html>
Contoh image di W3Schools
6. Video
Komentar
Posting Komentar