INDONESIANWARE - Pada Artikel yang anda baca kali ini dengan judul Belajar CSS dan HTML Untuk Desain Web, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel CSS,
Artikel PEMROGRAMAN WEB, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : Belajar CSS dan HTML Untuk Desain Web
link : Belajar CSS dan HTML Untuk Desain Web
Belajar CSS dan HTML Untuk Desain Web
Langsung ajalah ya, sedikit pengenalan dulu dengan CSS cara baca dan alurnya.
CSS ini memiliki property dan nilai contoh seperti ini
<div id=”login”>
<div class=”masuk”>
-- isi sintaks--
</div>
</div>
<div class=”masuk”>
-- isi sintaks--
</div>
</div>
Yang dimaksud dengan property yaitu ada dua “id” dan “class” nah pengenal property ini bisa diberikan nama terserah yang kita mau, contoh id=”mata” atau class=”terserah-saya”, berarti nama property idnya adalah mata dan nama property classnya namanya terserah saya.
Setelah membuat property tadi tinggal kita mendesain dengan memberikan nilai-nilai pada pengenal property tadi dengan yang kita sebut CSS, CSS apa sih ? “Ada yang interupsi ternyata”. Ok ini hanya sekedar pengetahuan saya mungkin akan berbeda dengan jawaban yang definitive, menurut saya CSS bahasa pemrograman buat desain website, yah itu aja. Ok balik lagi ke tadi (apa tadi ya sampai lupa :?), nah setelah nama property kita tahu tinggal diberikan nilai-nilai untuk mendesainnya, contoh id login tadi kita buat bentuk kotak dengan garis hitam tinggal buat syntaxnya seperti di bawah ini (pake internal css aja ya, kalo belum tahu internal css, download lagi yang tutorial sebelumnya yang desain blog)
<style>
#login {
width:300px;
height:300px;
border:1px solid #000;
}
.terserah-saya {
width:200px;
height:200px;
border:1px solid #000;
}
</style>
<html>
<head>
<title>Latihan</title>
</head>
<body>
<div id="login">
<div class="masuk">
-- isi sintaks--
</div>
</div>
</body>
</html>
#login {
width:300px;
height:300px;
border:1px solid #000;
}
.terserah-saya {
width:200px;
height:200px;
border:1px solid #000;
}
</style>
<html>
<head>
<title>Latihan</title>
</head>
<body>
<div id="login">
<div class="masuk">
-- isi sintaks--
</div>
</div>
</body>
</html>
Beres selamat mencoba, untuk nilai-nilai bisa lihat di http://w3schools.com/ oh ya sampai lupa, untuk membuat id dan class di css yaitu kalo id pake symbol pagar “#" kalau class pake symbol titik “." Lihat contoh sintax diantara tag <style>
Oh ya satu lagi jangan lupa di like ya, kalo belum paham Tanya aja lewat komentar dibawah juragan…
4.5
Sekianlah artikel Belajar CSS dan HTML Untuk Desain Web kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Belajar CSS dan HTML Untuk Desain Web dengan alamat link https://ware-id.blogspot.com/2013/10/belajar-css-dan-html-untuk-desain-web.html
EmoticonEmoticon