Cara Mengubah Warna Teks pada HTML tanpa CSS

Mengubah warna teks pada HTML sebuah website dapat anda lakukan tanpa menggunakan CSS. Anda dapat dengan mudah mengganti warna pada sebuah website dengan menambahkan beberapa baris kode pada HTML. Sehingga tidak perlu menghubungkan CSS dengan HTML dan membuat file CSS tambahan secara terpisah.

Ketika membuka halaman website yang sedang anda kunjungi, pernahkah kamu melihat tampilan website begitu indah. Menggunakan font yang enak terlihat santai, warna pada teks artikel, hingga template yang digunakan sangat sesuai dengan tema website. Tapi dibalik itu semua ada programmer yang menata barisan code program agar tampilan website sesuai dengan yang anda inginkan. Bahkan jika website begitu kompleks maka terdapat barisan kode program yang rumit dan panjang.

Programmer membuat warna pada teks, menambahkan menu-menu, dan hal lain yang dibutuhkan untuk membuat tampilan menjadi lebih menarik. Dan untuk mengubah warna pada website dapat anda lakukan dengan beberapa cara, salah satunya ialah menambahkan beberapa baris kode pada HTML. Dan berikut langkah-langkahnya.

Mengubah Warna Teks pada HTML

1. Membuka Teks Editor

Untuk dapat menulis barisan kode yang akan anda buat, gunakan code editor agar menjadi lebih mudah. Karena jika terjadi kesalahan dalam penulisan kode dapat mencarinya dengan mudah. Tidak hanya itu teks editor akan menyarankan kode yang akan tuliskan selanjutnya. Pada praktek ini saya menggunakan code editor Sublime Text, dan kamu bisa menggunakan kode editor lain sesuai selera anda.

Code Editor Sublime Text

2. Simpan File dengan Ekstensi .html

Buat project baru dengan nama ubahwarna.html atau dengan nama apa saja kemudian simpan. Menyimpan file project sebaiknya pada awal memulai coding, karena jika belum menyimpannya teks editor tidak akan menyarankan code ke anda.

3. Buat Tag HTML

Buat tag html pada teks edit untuk membuat satu halaman utuh. Jika menggunakan sublime teks, ketik html lalu tekan tab pada keyboard. Maka secara otomatis Text Editor akan membuat barisan kode html yang anda perlukan.

Tag HTML

4. Tambahkan Judul dan Buat Header

Pada tittle buat judul yang anda inginkan, dan buat 1 buah header. Sebagai contoh saya membuat tittle dengan nama Mengubah warna.

Mengubah Nama Tittle

5. Mengubah Warna Teks pada Header

Untuk mengubah warna teks pada header, tambahkan tag h1 dan beri warna pada tag h1 dengan kode seperti berikut ini.

<font color=”red”><h4>Ini Merah</h4></font>
<font color=”blue”><h4>Ini Biru</h4></font>
<font color=”green”><h4>Ini Hijau</h4></font>

Kemudian simpan dan jalankan file HTML. Maka akan terlihat seperti berikut ini. Terdapat teks dengan warna merah, hijau, dan kuning.

Cara Mengubah Warna Teks pada HTML tanpa CSS

Akhir Kata

Itulah cara mengubah warna teks pada HTML tanpa CSS. Semoga artikel ini bermanfaat, dan apabila ada yang ingin anda tanyakan dapat menuliskan pada kolom komentar. Sekian dulu dari saya, terima kasih.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *