2. Cara pemanggilan CSS penulisannya
A. Pemanggilan CSS
Kali ini saya akan memberikan tutorial cara pemanggilan CSS. Pemanggilan CSS sangatlah mudah dan memiliki 2 cara untuk tempat peletakan CSS. CSS sering digunakan oleh para blogger untuk memper indah tampilan blog karena CSS bisa mengatur hampir semua componen yang tidak dimiliki ole HTML.Untuk lebih jelasnya silahkan lihat tutorial dibawah ini.
Ada 2 cara penempatan script CSS yaitu dalam dile yang terpisah atau file yang sama.
1. File CSS yang berada dalam folder yang berbeda
pertama - tama buatlah folder yang bernama CSS. Lalu buatlah script seperti dibawah ini.
.Tulisan1{
font-family: arial;
font-size: 50px;
font-weight: bold;
color: green;
}
Simpan script diatas dengan nama style.css. Setalah itu buatlah script di bawah ini dengan nama contoh.html.
<html>
<head>
<title>CSS By Coding Lengkap</title>
<link rel="stylesheet" style="text/css" href="css/style.css">
</head>
<body>
<div class="tulisan1">
Kalimat yang menggunakan CSS
</div>
Kalimat yang tidak menggunakan CSS
</body>
</html>
}
2. Pemanggilan CSS dalam satu file
Pertama buatlah script seperti dibawah lalu simpan dengan nama contoh.html
<html>
<head>
<title>CSS By Coding Lengkap</title>
</head>
<style>
.tulisan1{
font-family: arial;
font-size: 50px;
font-weight: bold;
color: green;
}
</style>
<body>
<div class="tulisan1">
Kalimat yang menggunakan CSS
</div>
Kalimat yang tidak menggunakan CSS
</body>
</html>
Untuk pemanggilan script CSS yang berbeda file harus memakai script href="css/style.css"> css/ sebagai nama folder dan style.css sebagai nama file. Sedangkan untuk pemanggilan script CSS yang hanya menggunakan satu file menggunakan script <div class="tulisan1"> untuk penulisan id pada CSS harus diawali dengan . "titik" sedangkan untuk tag seperti <body> tinggal di tulis body tanpa menggunakan titik dan cara menggunakanya sama seperti tag lain tanpa ada penambah script apapun. Perhatikan contohnya dibawah ini.
<html>
<head>
<title>CSS By Coding Lengkap</title>
</head>
<style>
body{
background:#0000FF;
color:#FFFF00;
margin-left:0.5in
}
</style>
<body>
Tag body yang digunakan sebagai id CSS
</body>
</html>
Sekian tutorial kali ini. Untuk selanjutnya saya akan memberikan tutorial cara merubah warna dengan CSS. Sekian terima kasih. Semoga bermanfaat.
0 komentar:
Posting Komentar