Belajar Membuat Website bag. 2 - Cara Mengubah Bentuk Font Dalam Website,- Pada bagian kemarin kita sama-sama telah
membahas dan belajar tentang pengertian WWW Dan HTML berikut dengan teori
pengaplikasiannya. Nah, sebagaimana yang telah admin janjikan kemarin, sekarang
kita akan membahas tentang Manipulasi Font.
* Manipulasi Font
Nah, adapun untuk memanipulasi font, disini
kita akan menggunakan kode inline style atau CSS. Kita tidak akan
memakai kode tag <font>. Kenapa ? Karena kode tersebut sudah kuno atau
bahasa pemogramannya “Deprecated.” Hal ini dikarenakan W3C yang merupakan
pengembangan dari HTML sudah tidak menganjurkan lagi untuk memakai kode tag
font pada tampilan website.
Sebagai gantinya, maka digunakanlah tag<span>
dan inline style pada pembuatan website. Jika kita menemukan
tampilan website dengan kode tag (font> berarti website itu sudah telah lama
dibuat. Lalu, apa itu pengertian Inline style ? Inline style merupakan
atribut syle yang digunakan pada sebuah tag HTML. Contohnya adalah, jika kita
ingin menggunakan teks tebel, maka kode yang dipakai adalah sebagai berikut.
<span style=”fontweight:bold”>Aku adalah teks tebal</span>
Maka, outputnya akan seperti gambar dibawah
ini :
Coba kita perhatikan kembali contoh diatas,
disana tertulis attribut style yang berisi “fontweight:bold” Apa arti
kata itu ? Artinya kita akan menerapkan syle bold pada teks yang diapit oleh
tag <span></span>. Tapi, kita juga bisa menerapkan
attribut-attribut style lainnya, contohnya seperti ingin menggunakan garis
miring, ataupun garis bawah. Bagaimana caranya ? Caranya yaitu dengan
menggunakan tanpa pemisah berupa “;” (tanpa tanda seru) kemudian tulis
<span style=”fontweight:bold;textdecoration:underline;fontstyle:italic”>Aku adalah teks tebal, bergaris bawah dan miring</span>
Maka Outputnya akan seperti gambar dibawah
ini :
Jika kita memperhatikan lagi attribut style
pada tag span di atas, maka kita dapat melihat ternyata setiap style itu
dipisahkan oleh titik koma (;) itu memberi artian pada kita, bahwa kita dapat
memberi banyak style sekaligus pada satu tag saja.
* Penerapan Teori Manipulasi Teks
1. Coba kita buka gedit/Notepad++
2. Coba ketik kode HTML yang
ada di bawah ini
<html>
<head>
<title>Manipulasi Teks</title>
</head>
<body>
<h1 style="color:red;textdecoration:underline">PENGUMUMAN!</h1>
<span style="color:#FF0000">
Barang siapa yang menemukan dompet saya, akan saya beri
<span style="fontweight:bold;fontstyle:italic">ISTRI, MOBIL, RUMAH dan
Segala SERTIFIKAT TANAH SAYA</span> DIJAMIN!!!.</span>
</body>
</html>
3. Jika kita sudah menulis ulang teks
tersebut, sekarang coba simpan dan beri judul, contohnya “Manipulasi Teks.html”
4. Kemudian, kita buka dengan browser
5. Maka hasilnya akan seperti gambar di bawah
ini !
0 Comments