Belajat HTML : Cara Menggunakan Style Css di Html
Artikel kali ini saya akan memberikan informasi
mengenai Belajar HTML Style. HTML
Style merupakan sebuah perintah untuk memperindah tampilan web yang kita
buat, kita bisa lihat contoh di bawah ini :
<DOCTYPE HTML>
<html>
<body>
<p style=”color:red;”>saya warna merah</p>
<p style=”color:blue;”>saya warna biru</p>
<p style=”font-size:50px;”>saya warna merah</p>
</body>
</html>
Untuk membuat/memperindah website kita, bisa menggunakan
atribut style kurang lebih seperti di bawah ini :
<tagname style=”property:value;”>
Membuat Warna
Background
Mewarnai background bisa di definisikan seperti di bawah ini
:
<DOCTYPE HTML>
<html>
<body style=”background-color:powderblue”>
<p>background Warna biru</p>
</body>
</html>
Membuat Macam – Macam
font style
Bisa di definisikan dengan cara font – family, bisa kita
lihat contohnya di bawah ini :
<DOCTYPE HTML>
<html>
<body>
<p style=”font-family:courier;”>ini adalah paragrap</p>
<p style=”font-family:verdana;”>ini adalah paragrap</p>
</body>
</html>
Membuat/merubah
ukuran Text
Kalian bisa menggunakan property css yaitu font-size, bisa
kalian liat contohnya di bawah ini :
<DOCTYPE HTML>
<html>
<body>
<p style=”font-size:300%;”>ini adalah paragrap</p>
<p style=”font-size:160%;”>ini adalah paragrap</p>
</body></html>
Merubah Posisi Text
Merubah posisi text bisa di definisikan dengan menggunakan
text – align, kalian bisa lihat contohnya di bawah ini :
<DOCTYPE HTML>
<html>
<body>
<p style=”text-align:center;”>ini adalah paragrap</p>
<p style="text-align:center;”>ini adalah paragrap</p>
</body>
</html>
Resume :
- Gunakan style apabila ingin memperindah website
- gunakan background – color untuk mewarnai background website
- gunakan color untuk mewarnai text
- gunakan font-family untuk merubah text
- gunakan font-size untuk merubah ukuran text
- gunakan text-align untuk merubah posisi text
mungkin itu saja yang bisa saya sampaikan, semoga bermanfaat bagi kita semua. jangan lupa sebarluaskan artikel ini supaya lebih bermanfaat lagi, mohon maaf apabila dalam penulisan artikel ini ada kesalah karena saya juga sedang tahap belajar.
0 Response to "Belajat HTML : Cara Menggunakan Style Css di Html "
Post a Comment