Dasar Html Penangananan Teks dan Warna

Html dasar dari pembuatan aplikasi berbasis web. untuk dapat membuat halaman web minimal kita harus mengetahui komponen web yang ada pada html, salah satunya adalah mengetahui cara membuat tesks dan warna pada halaman web. Teks merupakan komponen terpenting dalam menyampaikan informasi. Agar informasi yang disampaikan melalui web dapat dipahami dengan mudah oleh pengunjung web, maka perlu diketahui hal yang dapat dilakukan oleh HTML terhadap teks.

Warna sangat penting apabila kita membuat suatu website yang berkualitas. Oleh karena itu diperlukan pengetahuan bagaimana car mengatur pewarnaan tersebut.

Langkah Kerja Penanganan Teks

1. Membuat Tag <h>

Tag <h> digunakan membuat dengan ukuran tertentu, mulai dari tag <h1> sampai dengan tag <h6>. Tag <h1> menandakan bahwa teks akan tercetak dengan ukuran huruf yang lebih besar daripada ukuran standar. Biasanya tag <h1> digunakan untuk Judul sebuah konten, tag <h2> untuk sub judul dan seterusnya.

Gambar 1 : Membuat Tag <h>

Maka hasilnya seperti ini :

Gambar 2 : Hasil Tag <h>

2. Membuat Tag <b>, tag <i>, tag <u>

Ini merupakan tag yang umum, dimana tag <b> (bold) digunakan untuk membuat teks tercetak tebal, tag <i> (italic) untuk membuat teks tercetak miring dan tag <u> (underline) untuk membuat teks bergaris bawah. Ketiga tag ini tidak mempunyai atribut.

Gambar 3 : Membuat Tag <b>, tag <i>, tag <u>

Maka hasilnya akan terlihat seperti gambar 4 dibawah ini :

Gambar 4 : Hasil Tag <b>, tag <i>, tag <u>

3. Membuat Tag <small>, tag <big>

Tag <small> digunakan untuk membuat teks tercetak dengan ukuran kecil, sebaliknya tag <big> akan membuat teks tercetak dengan ukuran besar.

Gambar 6 : Membuat Tag <small>, Tag <big>

Maka Hasilnya akan terlihat seperti gambar 7 dibawah ini :

Gambar 7 : Hasil Tag <small>, Tag <big>

4. Membuat tag <sup>, tag <sub>

Tag <sup> digunakan untuk membuat teks naik setengah pt (point), sebaliknya tag <sub> digunakan untuk turun setengah pt. Biasanya tag ini digunakan dalam pembuatan rumus kimia atau perpangkatan.

Gambar 8 : Membuat Tag <sup>, Tag <sub>

Maka hasilnya akan terlihat seperti dibawah ini pada bagian yang diberi lingkaran

Gambar 9 : Hasil Tag <sup>, Tag <sub>

5. Membuat Tag <font>, tag <basefont>

Tag <font> digunakan untuk menentukan jenis huruf, ukuran dan warna yang digunakan terhadap teks, sedangkan tag <basefont> digunakan untuk menetapkan default warna, ukuran, dan jenis huruf untuk semua teks yang ada dibawah elemen ini. Tag <basefont> ini hanya didukung oleh browser IE.

Gambar 10 : Membuat Tag <font>, Tag <basefont>

Maka hasilnya akan terlihat seperti dibawah ini :

Gambar 11 : Hasil Tag <font>, Tag <basefont>

6. Membuat Tag <p>

Tag <p> digunakan untuk membuat paragraf baru dan mengatur perataannya.

Gambar 12 : Membuat Tag <p>

Maka hasilnya akan terlihat seperti dibawah ini :

Gambar 13 : Hasil Tag <p>

7. Membuat Tag <dl>, <dt>, <dd>

Tag ini digunakan untuk memformat teks dalam pendefenisian sebuah istilah.

Gambar 14 : Membuat Tag <dl>,<dt>, <dd>

Maka hasilnya akan terlihat seperti gambar 15 :

Gambar 15 : Hasil Tag <dl>,<dt>, <dd>

8. Membuat Tag <pre>

Digunakan untuk menampilkan teks apa adanya, sperti yang ditulis di editor.

Gambar 16 : Membuat Tag <pre>

Maka hasilnya akan terlihat seperti dibawah ini :

Gambar 17 : Hasil Tag <pre>

9. Membuat Tag <address>

Biasanya digunakan untuk menampilkan nformasi pemilik web atau penulis artikel.

Gambar 18 : Membuat Tag <address>

Maka hasilnya akan terlihat seperti gambar berikut :

10 Membuat Tag <abbr>

Digunakan untuk memberikan kepanjangan dari sebuah singkatan.

Gambar 20 : Membuat Tag <abbr>

Maka hasilnya akan seperti ini :

Gambar 21 : Hasil Tag <abbr>