Style HTML

Style HTML

On 8:24 PM
Sebuah website akan terlihat lebih menarik jika terdapat beberapa unsur didalamnya seperti tata letak yang tersusun pada pengkodingan HTML-nya, penggunaan warna yang sesuai dan efek - efek yang menunjang tampilan konten terhadap informasi yang disajikan, semua hal itu bisa dilakukan dengan menambahkan atribut Style pada tag tertentu. Umumnya tampilan sebuah web berwarna latar putih , text berwarna hitam, dengan tipe font arial yang berwarna hitam.

Style HTML


Untuk lebih lengkapnya dapat melihat code dibawah ini :

<!DOCTYPE html>
<html>
<body style="background-color:#DCC6E0">
<h1 style="font-size:22px; color:red">
This is a heading</h1>
<p style="font-size:20px; color:white">
This is a paragraph.</p>
<p style="font-family:courier">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected humour, </p>
<p style="font-family:comic sans ms">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected humour, </p>
</body>
</html>
view raw style hosted with ❤ by GitHub

Untuk memberikan Syle pada suatu tag gunakanlah atribut style setelah tag HTML tersebut.
Konsep atribut Style sama dengan konsep ID yaitu tidak akan mempengaruhi tag lain apabila suatu tag tersebut diberikan atribut style khusus didalamnya.
Untuk menambahkan Style baru gunakanlah tanda pemisah (;) setelah Style pertama, agar Style kedua terbaca oleh web browser

Selamat Mengerjakan ...


Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng
:lv
Thanks for your comment
Subscribe to: Post Comments (Atom)