TUTORIAL LENGKAP CARA MENGATUR GAYA HURUF SERTA MENGUBAH UKURAN WARNA DAN JENIS TEKS HTML

Hay sahabat blogger, kali ini saya akan berbagi tentang bagaimana cara formating teks dalam HTML.
Formating teks dalam HTML sangat diperlukan karena akan membuat tampilan teks HTML kita akan lebih terstruktur dan mudah di pahami.
Dalam formating teks HTML kali ini kita akan belajar tentang bagaimana cara membuat paragraf rata kanan,kiri atau tengah, membuat teks miring, tebal, bergaris ataupun berwarna.
Yuk langsung aja kita mulai.
1. Membuat teks tebal (bold).
Seperti telah kita singgung di awal untuk membuat teks tebal kita membutuhkan tag <b> sebagai tag pembuka dan tag </b> sebagai penutup.
Format teks tebal:

 
Contoh: ketikan kode di bawah ini di notepad dan kemudian simpan dengan nama: tekstebal.html

Hasil di browser


2. Membuat Teks Miring
Untuk membuat teks miring kita membutuhkan tag <i> sebagai tag pembuka, dan tag </i> sebagai tag penutup
Format Teks Miring:

 
Contoh: ketikan kode di bawah ini di notepad dan kemudian simpan dengan nama: teksmiring.html

Hasil di browser:


3. Membuat teks bergaris bawah
Untuk membuat teks bergaris bawah, gunakan format berikut:

 
Contoh: ketikan kode di bawah ini di notepad dan kemudian simpan dengan nama: garisbawah.html

Hasil di browser:


4. Membuat teks bergaris tengah
Untuk membuat teks bergaris tengah, gunakan format berikut:

 
Contoh: ketikan kode di bawah ini di notepad dan kemudian simpan dengan nama: garistengah.html

Hasil di browser:


5. Paragraf rata kanan, kiri atau tengah.
Untuk membuat paragraf secara umum kita hanya membutuhkan tag <p> sebagai pembuka dan tag </p> sebagai tag penutup. Tapi bagaimana jika kita ingin mengatur paragraf tersebut rata kanan, kiri, kanan-kiri atau tengah?.
Nah agar paragraf yang kita buat bisa kita atur rata kanan kiri atau tengah maka kita harus menambahkan/menyisipkan atribut di tag pembuka <p> dengan “align=”nilainya”, penulisannya sebagai berikut:
a. Paragraf rata kanan
Rumus:

 
Contoh: ketikan paragraf dibawah ini di notepad!

 
Silahkan anda simpan dengan nama: ratakanan.html. Silahkan coba anda buka file tersebut maka akan muncul tampilan seperti ini:

b. Paragraf rata kiri
Rumus:

 
Contoh: ketikan paragraf dibawah ini di notepad!

 
Silahkan anda simpan dengan nama: ratakiri.html. Silahkan coba anda buka file tersebut maka akan muncul tampilan seperti ini:

c. Paragraf rata kanan-kiri
Rumus:

 
Contoh: ketikan paragraf dibawah ini di notepad!

 
Silahkan anda simpan dengan nama: ratakanankiri.html. Silahkan coba anda buka file tersebut maka akan muncul tampilan seperti ini:

d. Paragraf rata tengah
Rumus:

 
Contoh: ketikan paragraf dibawah ini di notepad!

 
Silahkan anda simpan dengan nama: ratatengah.html. Silahkan coba anda buka file tersebut maka akan muncul tampilan seperti ini:

6. Mengatur jenis, ukuran dan warna teks.
a. Mengatur jenis teks
Untuk mengatur jenis teks gunakan rumus berikut:

 
Contoh: ketikan teks berikut di notepad dan simpan dengan nama: jenistext.html

 

Hasil di browser:


Nilai atribut “Arial” bisa anda ganti dengan jenis teks yang lain sesuka anda
b.Mengatur ukuran teks
Untuk mengatur ukuran teks gunakan rumus berikut:

 
Contoh: ketikan teks berikut di notepad dan simpan dengan nama: ukuranhuruf.html.

Hasil di browser:


Untuk ukuran huruf dari 20px dan seterusnya bisa diganti dengan ukuruan angka 1, 2, 3 sampai 7.
c. Mengatur Warna teks
Untuk mengatur warna teks gunakan rumus berikut:

 
Contoh: ketikan teks berikut di notepad dan simpan dengan nama: warnahuruf.html

Hasilnya di browser:


Oke gan, saya rasa cukup sekian dulu tutorial HTML-nya. Saya rasa cukup lengkap, tapi apabila ada yang kurang mohon komentar dan masukannya. Saya harap artikel ini bisa bermanfaat. Terima kasih..
Tutorial terbaru lainnya:

• Belajar HTML PHP MySQL CSS dan Javascript secara otodikdak untuk pemula
• Tutorial Belajar HTML Pemula secara otodikdak: Cara membuat daftar urut.