Belajar Membuat Website bag. 2 - Cara Mengubah Bentuk Font Dalam Website



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.

Belajar Membuat Website bag. 2 - Cara Mengubah Bentuk Font Dalam Website

* 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=”font­weight:bold”>Aku adalah teks tebal</span>

Maka, outputnya akan seperti gambar dibawah ini :
  
Belajar Membuat Website bag. 2 - Cara Mengubah Bentuk Font Dalam Website


Coba kita perhatikan kembali contoh diatas, disana tertulis attribut style yang berisi “font­weight: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=”font­weight:bold;text­decoration:underline;font­style:italic”>Aku  adalah teks tebal, bergaris bawah dan miring</span>

Maka Outputnya akan seperti gambar dibawah ini :
  
Belajar Membuat Website bag. 2 - Cara Mengubah Bentuk Font Dalam Website



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.

 Setelah kita bisa membuat manipulasi font, sekarang saatnya kita menerapkan teori manipulasi teks. Teori manipulasi ini diupayakan agar kita dapat mengubah segala jenis teks yang kita inginkan dalam tampilan website kita.

Belajar Membuat Website bag. 2 - Cara Mengubah Bentuk Font Dalam Website

* 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;text­decoration:underline">PENGUMUMAN!</h1>
<span style="color:#FF0000">
Barang siapa yang menemukan dompet saya, akan saya beri 
 <span style="font­weight:bold;font­style: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 !

Belajar Membuat Website bag. 2 - Cara Mengubah Bentuk Font Dalam Website

 S E L E S A I. Akhirnya, kita bisa membuat manifulasi teks dengan tulisan tebal miring dan garis bawah !

Post a Comment

0 Comments