Modul table html
•
1 like•1,039 views
Tabel pada HTML digunakan untuk menyajikan data secara terstruktur dalam baris dan kolom. Tag-tag dasar untuk membuat tabel adalah <table>, <tr> untuk baris, dan <td> untuk kolom. Fungsi colspan dan rowspan memungkinkan penggabungan sel-sel tabel. Warna dan gaya font dapat disesuaikan menggunakan tag-tag tertentu.
More Related Content
What's hot
What's hot (18)
Viewers also liked
Viewers also liked (10)
Similar to Modul table html
Similar to Modul table html (20)
Modul table html
- 1. Table pada HTML Disusun Oleh: Ahmad Fatkhul Huda Aristo Nidzar Dhita Putri Maretha Ditta Audia Roza Dwi Marnita Aisyah Dio Handrigustio
- 2. HTML HTML atau Hypertext Markup Language adalah bahasa standar yang digunakan browser internet untuk membuat sebuah halaman website atau dokumen pada sebuah halaman website atau documen pada sebuah website dalam format hypertext yang ditulis ke dalam format ASCII. Dalam HTML kita akan mengenal tag HTML. Tag HTML pada umumnya dibuat berpasangan, ada tag pembukaan dan tag penutup. Format umum tag HTML adalah : <nama_tag> Teks yang akan ditampilkan </nama_tag> Contoh Halaman Web sederhana : Hasil :
- 3. Elemen Dasar Nama Tag Keterangan Jenis Dolumen <html></html> Terdapat pada awal dan akhir dari file html Judul <title></title> Judul Halaman Website Header <head></head> Berisi informasi tambahan yang menjelaskan sebuah halaman Body <body></body> Isi dari halaman html Text Formatting HTML mengandung beeberapa tag yang dapat digunakan memformat tampilan tulisan pada halaman web. Berikut gambarannya : List Dalam HTML kita bisa membuat list. Contoh macam macam list :
- 4. Contoh dalam pembuatan list : Hasilnya : Gambar Untuk memasukkan gambar dalam HTML, kita memakai tag <img> </img> <img src=”URL” alt=”nama”> </img> Src berfungsi untuk mencari tempat atau lokasi dari gambar tersebut. Alt adalah text yang akan ditampilkan apabila gambar/image tidak tampil (sebagai cadangan). Gambarannya :
- 5. Hasilnya : Link Tag <a> </a> merupakan tag yang digunakan untuk membuat hyperlink <a href=”URL” target=”_blank”</a> Href berfungsi untuk menunjuk link/alamat yang akan dituju. Target=”_blank” berfungsi apabila kita klik linknya, akan memunculkan halaman nya di tab baru. Gambaran: Hasil: Ketika Facebook diklik akan menuju web www.facebook.com Tabel Untuk membuat tabel pada HTML dapat digunakan tag <table> </table>. Dan tag <tr> </tr> untuk membuat bagian baris. Sedangkan <td> </td> untuk membuat kolom. Gambaran: Hasil :
- 6. Rowspan dan Colspan Pada table terdapat fungsi colspan dan rowspan, fungsi colspan adalah untuk menggabungkan beberapa kolom tergantung kebutuhan. Sedangkan rowspan untuk menggabungkan baris sesuai kebutuhan. Contoh penggunaan Colspan dan Rowspan : Hasilnya : Pewarnaan tabel Terdapat pula tag untuk mengatur pewarnaan, jenis font, ukuran font,dsb. Untuk pengaturan pewarnaan, tagnya seperti berikut : Hasilnya :
- 7. Border (pengaturan bingkai) Gambaran : Hasil :