BOX MODEL (property: value)
height panjang kotak
width lebar kotak
margin (top, right, bottom, left) jarak antara luar kotak dengan tepi kotak
padding (top, right, bottom, left) jarak antara tepi kotak dengan isi kotak
Masih belum jelas? Kalau gitu kita lihat gambar di bawah deh:
Gambar diambil dari sini
Bagaimana cara mengaplikasikannya? Hoho. Ayo kita coba--masih dengan menggunakan kode yang lalu. Berani?
More complicated? I guess so hehe. Ada beberapa hal yang perlu diperhatikan dalam kode di atas:
BLOCKQUOTE adalah sebuah kode HTML, sama kayak b, i, u, atau s, gunanya untuk jmeng'quote' sesuatu. Cara memasukkannya gampang saja, cukup dengan melihat di atas. Mudah kan?
BORDER bakal kita pelajari di post selanjutnya.
Well, gimana hasilnya? Kalau saya hasilnya seperti ini:
Masih semangat kan belajar CSS? See you next time then. :)
.ulaai
<html>
<head>
<title>TEST</title>
<style type="text/css">
h1 {
font-style: italic;
font-weight: bold;
font-family: Century Gothic;
font-size: 32 pt;
color: #ff0022;
letter-spacing: 2px;
text-align: center;
text-decoration: overline;
text-transform: uppercase;
}
blockquote {
height: 300px;
width: 200px;
margin: 10px;
padding-top: 5px;
padding-right: 7px;
padding-left: 10px;
padding-bottom: 5px;
border: 1px solid #000000;
font-family: Tahoma;
font-size: 14pt;
color: #666666;
text-decoration: underline;
text-align: justify;
}
</style>
</head>
<body>
<h1>Somehow it was Ended Like This</h1>
<br> <br>
<blockquote> Lontong balap adalah makanan khas Indonesia yang merupakan ciri khas kota Surabaya di Jawa Timur. Makanan ini terdiri dari lontong, tauge, tahu goreng, lentho, bawang goreng, kecap dan sambal. Lontong balap biasanya didominasi oleh tauge.
</body>
</html>
More complicated? I guess so hehe. Ada beberapa hal yang perlu diperhatikan dalam kode di atas:
BLOCKQUOTE adalah sebuah kode HTML, sama kayak b, i, u, atau s, gunanya untuk jmeng'quote' sesuatu. Cara memasukkannya gampang saja, cukup dengan melihat di atas. Mudah kan?
BORDER bakal kita pelajari di post selanjutnya.
Well, gimana hasilnya? Kalau saya hasilnya seperti ini:
Masih semangat kan belajar CSS? See you next time then. :).ulaai
0 komentar:
Posting Komentar