Setelah tahu struktur html dan pengaturanya sekarang kita coba mempercantik dengan mengubah ukuran huruf, warna , jenis juga background dan penempatanya.
oke kita awali dari mengubah ukuran huruf , warna dan jenis huruf dalam web page kita menggunakan html. Untuk mengubah ukuran , warna dan jenis kita perlu menambahkan atribut style di dalam tag sebagai contoh berikut
untuk merubah ukuran huruf dalam sebuah paragraf.
<p style="font-size: 10px"> TULISAN PARAGRAF </p>
untuk ukuran di akhiri dengan px, merupakan singkatan dari pixel. untuk penggunanya pun bisa diterapkan pada tag yang ingin diubah.
Untuk merubah warna tambahkan comand color setelah atribut style ditambah dengan warna yang di inginkan
contoh:
<p style="color: black"> TULISAN PARAGRAF </p>
nah untuk mengkombinasikan dengan yang lain kita cukup menambahkan tanda titik koma diantara setiap atribut yang dipasangkan.
contoh:
<p style="color: blue, font-size: 12px"> TULISAN PARAGRAF </p>
Nah sobat mudahkan ? berikut ini beberapa kode dari atribut style untuk mempercantik tampilan huruf nantinya akan mempermudah kita dalam berlatih membuat web page:
color: <= warna huruf
font-size: <= ukuran huruf
font-family: <= jenis huruf
text-aligne : <= mengatur penempatan text ( kanan / kiri )
Dalam contoh berikut ini coba letakan kode berikut ini dalam notepad, simpan dengan format html dan buka dengan browser Anda :
<!DOCTYPE html!>
<html>
<head>
<title> MEMPERCANTIK HURUF </title>
</head>
<body>
<h1>MEMPERCANTIK HURUF</h1>
<p style="font-size: 10px"> UKURAN HURUF 10 PX</p>
<p style="color: blue"> WARNA HURUF BIRU</p>
<p style="font-family: Arial"> JENIS HURUF ARIAL </p>
<p style="background-color: red"> BACKGROUND HURUF MERAH</p>
<p style="text-align: right"> TULISAN BERADA DI KANAN </p>
<p style="font-size: 20px;color: blue;font-family: Arial;background-color: red;text-align: center"> KOMBINASI </p>
</body>
</html>
hasilnya akan seperti berikut ini ,
Ubah tulisan sesuai dengan keinginan Anda , selamat mencoba sobat semoga bermanfaat yah,,,,
0 comments:
Post a Comment