Cara membuat garis berwarna di html

Garis horizontal Table of Contents Show Garis horizontal Cara Memberi Warna pada Tabel HTML Warna dalam Tabel HTML Warna dalam Tabel HTML Warna dalam Tabel HTML Cara Memberi Warna pada Tabel HTML Bagaimana cara membuat garis horizontal di HTML? Bagaimana garis horizontal terlihat? Apa itu SDM dalam HTML? Garis Horizontal dapat dibuat menggunakan tag Tag merupakan tag tunggal sehingga tidak perlu ditutup. Berikut adalah atribut yang dapat digunakan pada tag HR Sejajarkan -> Sesuaikan perataan teks Warna -> Mengatur warna garis Ukuran -> Atur ketebalan garis dalam piksel atau persen (default=1) Lebar -> Tetapkan panjang garis dalam piksel atau persen (default=100%) Noshade -> Memberi bayangan pada garis Contoh Email IniBlogThis. Bagikan ke TwitterBagikan ke FacebookBagikan ke Pinterest Tutorial kali ini akan membahas cara mewarnai tabel di HTML baik menggunakan CSS maupun tidak dengan cara yang sangat sederhana. Tabel merupakan komponen HTML yang sangat sering digunakan karena konsep tabel HTML sangat friendly dalam membuat desain halaman HTML. Bahkan, hampir semua desain website menggunakan tabel, begitu juga dengan aplikasi berbasis web. Oleh karena itu, penguasaan tabel HTML dapat dikategorikan sebagai kebutuhan dasar dalam website, termasuk cara mewarnai tabel HTML Untuk menambahkan warna pada tabel HTML sebenarnya caranya cukup mudah, namun ada beberapa kasus khusus yang perlu dibahas pada tutorial. Berikut beberapa penjelasan beberapa cara yang bisa kita gunakan untuk memberi warna background tabel, warna garis tabel, atau kolom tabel Tutorial cara memberi warna pada tabel html atau menambahkan warna pada tabel html ini kita bahas menjadi beberapa model tabel. Sehingga akan lebih mudah dipahami oleh para blogger pemula, dan bisa cepat dipraktekkan Cara Memberi Warna pada Tabel HTML Berikut penjelasan tentang cara memberi warna pada tabel html dan contoh kasus dalam desain tabel html Pertama, mari kita lihat contoh kode tabel HTML di bawah ini; Tutorial Cara Mewarnai Tabel HTML Warna dalam Tabel HTML
Tidak#	Daftar Tutorial
1	Menambahkan warna backgroud dengan CSS
2	Membuat tabel responsif

Jika tag kode HTML diatas dijalankan maka akan menghasilkan tampilan tabel html tanpa tambahan warna seperti gambar berikut;

Bagaimana jika kemudian kita akan mewarnai tabel html? . Atribut tabel pada HTML untuk memberi warna background adalah bgcolor, sedangkan untuk membuat tulisan pada tabel di tengah atribut yang digunakan adalah align

Selanjutnya dari kode html tabel diatas kita akan menambahkan warna pada header tabel, disini kita menggunakan atribut background, berikut kodenya;

Tutorial Cara Mewarnai Tabel HTML

Warna dalam Tabel HTML

Tidak#
Daftar Tutorial


1
Menambahkan warna backgroud dengan CSS


2
Membuat tabel responsif

Perhatikan kode di atas, ada atribut bgcolor="#FFA800", dimana #FFA800 adalah warna hexa dari warna orange asli, kita bisa menggantinya dengan warna html seperti merah, kuning, hijau, biru langit atau lainnya warna heksa. Kita juga bisa membuat warna tabel html pada kolom atau baris sesuai kebutuhan. Kemudian ada juga atribut align="center", dimana atribut ini adalah atribut yang digunakan untuk membuat teks pada tabel menjadi terpusat

Berikut tampilan tabel html jika kode html yang sudah diberi atribut di atas dijalankan;

Sampai disini tutorial cara memberi warna pada tabel html tanpa css sepertinya sudah bisa dimengerti. Selanjutnya adalah menggunakan CSS untuk mewarnai tabel, jadi tutorialnya akan lanjut ke cara mewarnai tabel html dengan css. Disini kita embed kode css langsung ke kode html. Ini kode cssnya

Letakan kode css di atas tepat di antara tag , dan berikut adalah kode warna tabel html lengkap yang sudah diembed / di tambahkan kode css tersebut;

Tutorial Cara Mewarnai Tabel HTML

Warna dalam Tabel HTML

Tidak#
Daftar Tutorial


1
Menambahkan warna backgroud dengan CSS


2
Membuat tabel responsif

Jika kode html kita jalankan pada tutorial cara mewarnai tabel html diatas maka akan muncul desain tabel html seperti berikut;

Cara Memberi Warna pada Tabel HTML

Itulah penjelasan dan contoh kode tabel html pada tutorial cara memberi warna pada tabel html yang bisa kita bahas. Mohon dikembangkan lagi agar lebih profesional, tentang warna tabel html ini. Sehingga desain tabel html bisa lebih menarik. Semoga membantu

Bagikan Artikel ini

Bagaimana cara membuat garis horizontal di HTML?

Membuat Garis Horizontal di HTML . Karena Anda hanya perlu memasukkan satu tag HTML dan itu akan menjadi garis horizontal. Tag tersebut adalah tag atau biasa disebut dengan penggaris horizontal.

Bagaimana garis horizontal terlihat?

Garis mendatar terletak mendatar jadi garis mendatar biasa disebut garis mendatar. Garis horizontal ini memiliki posisi mendatar saat berhadapan dengan permukaan bumi.