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

Postingan populer dari blog ini

Perbedaan GitHub & GitLab

Menjawab Petanyaan Seputar Data Analyst

Apa itu Laravel