Sebagaimana kita ketahui HTML adalah termasuk markup language, yang akan menampilkan website sebagaimana yang biasa kita lihat di browser internet kita. Apa yang kita lihat saat kita mengakses suatu situs itu adalah merupakan hasil kerja dari kode HTML ini. Kode ini diterjemahkan oleh browser dan akhirnya ditampilkan sebagaimana kita lihat di halaman web di layar monitor kita. Untuk dapat menulisnya kita perlu mengetahu beberapa kegunaan dari berbagai tag HTML ini. Dalam tulisan ini akan diberikan contoh-contoh sederhana dari bahasa tersebut.
Contoh 1. Menampilkan huruf tebal.
Tag yang digunakan adalah <b> ... </b>
<b> Huruf ini adalah huruf tebal </b>,
Pada saat diakses, maka pada layar browser akan terlihat tulisan
Huruf ini adalah huruf tebal
Contoh 2. Menampilkan huruf miring.
Untuk menampilkan huruf yang terlihat miring pada saat diakses lewat browser, maka digunagan tag <i> ... </i>
<i>Aku huruf miring</i>,
Pada saat diakses, maka pada browser akan muncul tulisan
Aku huruf miring
Contoh 3. Menampilkan huruf bergaris bawah.
Untuk menapilkan huruf yang bergaris bawah, maka tag yang digunakan adalah <i> ... </i>
<u> Saya adalah huruf yang dicetak miring </u>,
Pada browser akan terlihat teks
Saya adalah huruf yang dicetak miring
Contoh 4. Menampilkan huruf dengan ukuran tertentu
Untuk menampilkan huruf dengan ukuran tertentu digunakan tag <p style="font-size:ukuran huruf"> ... </p>
<p style="font-size:26pt">Tulisan yang ini akan tampil dengan ukuran 26 pt</p>
Setelah dibrowser akan terlihat tulisan
Tulisan yang ini akan tampil dengan ukuran 26 pt
Contoh 5. Menampilkan subscript.
Subscript adalah huruf yang tertulis kecil di bawah.
Tag yang digunakan adalah <sub> ... </sub>
Gas hidrogen disimbolkan dengan H <sub>2</sub>
Dari kode di atas akan tampil tulisan
Atom hidrogen disimbolkan dengan H2
Contoh 6. Menampilkan superscript.
Tag yang digunakan untuk menamilkan supeerscript (huruf kecil di atas adalah <sup> ... </sup>
Meter kuadrat ditulis m <sup>2</sup> kalau meter kubik ditulis m<sup>3</sup>
Meter kuadrat ditulis m2, kalau meter kubik ditulis m3
Contoh 7. Menampilkan tulisan dengan warna hijau.
Tag yang digunakan untuk menulis huruf dengan warna hijau adalah <p style="color:green"> ... </p>
<p style="color:green"> Tulisan ini akan anda lihat dengan warna hijau </p>
Tulisan yang akan tampil adalah
Tulisan ini akan anda lihat dengan warna hijau
Contoh 8. Menampilkan tulisan dengan warna biru
Dengan menggunakan tag <p style="color:blue"> ... </p>
<p style=”color:blue”>Warna tulisan ini adalah biru </p>
Warna tulisan ini adalah hijau
Contoh 9. Menampilkan tulisan dengan warna merah.
Tagnya adalah sebagai berikut <p style="color:red"> ... </p>
<p style="color:red"> Tulisan yang ini akan terlihat berwarna merah </p>
Tampilannya adalah
Tulisan yang ini akan terlihat berwarna merah
Contoh 10. Menampilkan tulisan dengan warna kuning.
Untuk menampilkan warna kuning menggunakan kode HTML <p style="color:yellow"> ... </p>
<p style="color:yellow">Lihatlah tulisan kuning yang ini </p>
Akan terlihat pada browser
Lihatlah tulisan kuning yang ini
Contoh 11. Menampilkan tulisan warna orange.
Tag yang digunakan untuk membuat tulisan berwarna orange adalah <p style="color:orange"> .. </p>
<p style="color:orange">
Inilah tulisan yang berwarna orange
</p>Contoh 12. Menampilkan tulisan berwarna abu-abu.
Tag untuk menampilkan tulisan berwarna abu-abu adalah <p style="color:gray"> ... </p>
<p style="color:gray">Tulisan ini adalah abu-abu
</p>
Setalah dilihat dibrowser akan tampil tulisan
Tulisan ini adalah abu-abu
Tidak ada komentar:
Posting Komentar