untuk latihan kali ini, pastikan kalian sudah mempunyai aplikasi seperti notepad ++ ya, kalau belum punya, download atau pakai ini.
langkah pertama yang kita lakukan adalah menyambungkan script HTML dan CSS
cara manyambungkannya adalah buat file HTML dan CSS dan tempatkan dalam satu file yang sama dan khusus,
kemudian, buat tag <link rel="stylesheet" type="text/css" href="namafilecss">
pada <head>
contohnya saya membuat file index.html dan style.css dalam 1 file, maka saya akan membuat script seperti ini
<html>
<head><title>just do it </title> <link rel="stylesheet" type="text/css" href="style.css">
</head>
apabila semua tadi sudah dilakukan, maka index.html dan style.css sudah terhubung, pertintah pada css yang anda berikan, akan mempengaruhi index.html
langkah berikutnya adalah membuat div.
<div> berguna untuk membuat obyek dengan cakupan tertentu yang dapat kita berikan style atau gaya. tag ,<div>, terdapat dalam <body>
, cara membuat style adalah buka file html, lalu buat <div class="justdoit">JUST DO IT, MAKE YOUR DREAMS COME TRUE</div>
lalu buka file css,
untuk menambahkan style, gunakan format perintah css seperti ini
.namadivclass{perintah:perintah;
perintah:perintah;}
dalam file html
<html>
<head><link rel="stylesheed" href="style.css" type="text/css" >
<title>JUSTDOIT</title>
</head>
<body>
<div class="doit">LAKUKAN ITU KAWAN</div>
</body> </html>
dalam file css
.doit{
color:red;
align-text:center;
}
maka, yang output atau hasilnya menjadi
LAKUKAN
berwarna merah karena kita mamberi style color:red;
,jadi rata tengah karena kita berikan align-text:center;
nah, bagi agan2 yang belum paham akan macam2 style, kali berikutnya saya akan berikan daftar style css dan fungsinya.Sekian tutor dari saya, terima kasih
terima kasih
kunjungi terus blog ini ya
No comments:
Post a Comment