Laman

1 Nov 2017

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.

image

Gambar 1 : Membuat Tag <h>

Maka hasilnya seperti ini :

image

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.

image

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

image

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.

image

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

Maka Hasilnya akan terlihat seperti gambar 7 dibawah ini :

image

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.

image

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

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

image

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.

image

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

Maka hasilnya akan terlihat seperti dibawah ini :

image

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

6. Membuat Tag <p>

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

image

Gambar 12 : Membuat Tag <p>

Maka hasilnya akan terlihat seperti dibawah ini :

image

Gambar 13 : Hasil Tag <p>

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

Tag ini digunakan untuk memformat teks dalam pendefenisian sebuah istilah.

image

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

Maka hasilnya akan terlihat seperti gambar 15 :

image

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

8. Membuat Tag <pre>

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

image

Gambar 16 : Membuat Tag <pre>

Maka hasilnya akan terlihat seperti dibawah ini :

image

Gambar 17 : Hasil Tag <pre>

9. Membuat Tag <address>

Biasanya digunakan untuk menampilkan nformasi pemilik web atau penulis artikel.

image

Gambar 18 : Membuat Tag <address>

Maka hasilnya akan terlihat seperti gambar berikut :

image

10 Membuat Tag <abbr>

Digunakan untuk memberikan kepanjangan dari sebuah singkatan.

image

Gambar 20 : Membuat Tag <abbr>

Maka hasilnya akan seperti ini :

image

Gambar 21 : Hasil Tag <abbr>

loading...
artikel kejuruan

1 comment:

  1. terimakasih banyak atas informasinya dan jangan lupa kunjungi kami di http://rahma-store.com/neo-walet-facial-soap/

    ReplyDelete

Search Post