Jumat, 23 Desember 2016

Mari Mengenal HTML Part 4 : Link, Gambar, Tabel dalam HTML


Pada kesempatan kali saya akan memposting tentang Cara membuat Link, menampilkan gambar dan membuat tabel dalam HTML.

Link HTML
Link HTML atau hyperlink digunakan untuk mempermudah pengguna untuk mengeklik jalan mereka dari halaman satu kehalaman yang lain. Link bukan hanya berupa teks tetapi juga bisa berupa gambar atau yang lainnya. Dalam HTML link di definisikan dengan tag <a>.
Contoh :



Keterangan :
  • href : atribut yang menentukan alamat yang akan dikunjungi.
  • link teks merupakan bagian yang terlihat dan apabila anda mengeklik link teks maka akan mengirimkan ke alamat yang ditentukan.

Hasilnya akan muncul seperti dibawah ini, apabila anda mengeklik link tersebut maka akan menuju kehalaman blog saya.

   

Menyisipkan Gambar
Dalam HTML gambar didefinisikan dengan tag <img>.

Keterangan :
  • src : menentukan alamat web dari gambar
  • width : untuk menentukan lebar pada gambar
  • height : untuk menentukan tinggi pada gambar
  • px : ukuran pada gambar

Hasilnya akan muncul seperti dibawah ini
 

Tabel
Dalam HTML tabel didefinisikan dengan tag <table>. Untuk header bisa menggunakan tag <th>, untuk baris tabel menggunakan tag <tr> sedangkan sel tabel dengan tag <td>.




*Catatan : <td> merupakan elemen tempat untuk mengisi data tabel. Isi data tabel bisa berupa gambar,teks, daftar, tabel lain, dll.

  • Menambahkan border pada table, untuk memberikan batas pada tabel.
  • Menambahkan Sel padding, untuk menentukan jarak antara isi sel dengan pembatas tabelnya.
  


  • Text align Tabel

  • Menambahkan spasi pada Tabel, Untuk mengatur jarak perbatasan untuk tabel


  • Colspan, untuk membuat sel lebih dari satu kolom.




 

  • Caption, untuk menambahkan keterangan dengan menggunakan tag <caption>


Sekian dan terimakasih
Semoga Bermanfaat 

Referensi:

0 komentar:

Posting Komentar