Script / Code HTML Beserta Contoh nya

 Contoh Script / Code HTML contoh berserta Hasilnya

(source : dicoding.com)

Banyak sekali tag di dalam pembuatan HTML di antara nya bisa membuat table, link tujuan , form , mari kita lihat artikle di bawah ini untuk mengetahui beberapa <tag> beserta contoh code nya

1.Table

Table pada HTML biasa di gunakan untuk membuat tampilan lebih terstuktur , terorganisir, sesuai dengan bari dan kolom yang akan di buat . Macam maca tag untuk table :

• <table> & </table>
  
  Digunakan untuk mementukan table yang akan di buat
  
  
• <tr> & </tr>
  
  Digunakan untuk menentukan baris tabel
  
  
• <td> & </td>
  
  Digunakan untuk menentukan sel data tabel
  
  
• <th> & </th>
  
  Digunakan untuk menentukan sel header tabel
  
  
• <thead> & </thead>
  
  Digunakan untuk menentukan baris header table
  
  
• <tfoot> & </tfoot>
  
  Digunakan untuk menentukan baris footer table
  
  
• <tbody> & </tbody>
  
  Digunakan untuk menentukan baris tabel

Hasil :

See the Pen Table Example by Ryuzen (@iryyuzen_) on CodePen.

2.Link

Link pada html dapat dibuat dengan tag <a> , kemudian tag ini harus memiliki atribut href <a href> untuk menentukan alamat URL tujuan dari link. Link akan ditampilkan dengan warna biru dan garis bawah

Hasil :

See the Pen Untitled by Ryuzen (@iryyuzen_) on CodePen.

3.Form

Web tidak hanya digunakan untuk menampilkan informasi saja , web juga digunakan untuk mengambil informasi atau data dari pengunjungnya. Salah satu cara untuk mengambil informasi dari pengunjung ialah menggunakan form. Form dalam web bisa disamakan dengan formulir di dunia nyata.

Form HTML bisa di buat dengan tag <form> , tag ini memiliki beberapa atribut seperti :

• 'action' untuk menentukan aksi yang akan di lakukan saat data terkirim
• 'method' metode pengiriman data
  
  

Hasil : 

See the Pen Untitled by Ryuzen (@iryyuzen_) on CodePen.

4.Image

Web tanpa sebuah gambar ?? tch membosankan , Betul bukan ? Gambar akan membuat website kita terlihat lebih menarik. Karena otak kita lebih mudah menyerap informasi dengan visual dibandingkan hanya teks saja. Karena itu, gambar sangatlah penting

Gambar dapat kita tambahkan dengan menggunakan tag <img> dan tag ini memerlukan atribut wajib yaitu <src>

Hasil : 

See the Pen Untitled by Ryuzen (@iryyuzen_) on CodePen.

5.Video

Kita membutuhkan sebuah media player untuk menampilkan video di HTML. Dulu sebelum ada HTML 5, media player di HTML dibuat dengan program eksternal seperti adobe flash. Namum, kini sudah tidak dipakai lagi . dan kali ini dapat menggunakan URL dari Youtube yang menggunakan tag <iframe>

Hasil : 

See the Pen Untitled by Ryuzen (@iryyuzen_) on CodePen.

Segitu saja dari saya sebenarnya masih banyak lagi tag mengenai HTML semoga membantu , Have a nice day