ASSALAMU'ALAIKUM WR. WB.
Selamat datang di blog saya. Kali ini saya akan membeeritahu bagaimana cara meletakkan kode CSS. Untuk lebih jelasnyna simak baik-baik artikel saya kali ini
B. LATAR BELAKANG
CSS merupakan bagian dari web desain yang tak terpisahkan. Dengan CSS kita bisa merubah perwajahan (front-end) atau tampilan sebuah halaman web. jika sebuah halaman web tidak menggunakan CSS, maka tampilannya akan membosankan dan tidak menarik.
C. MAKSUD DAAN TUJUAN
Agar kita tahu bagaimana cara meletakkan CSS
D. ALAT DAN BAHAN
- Laptop
- Akses Internet
- Text Editor
E. PEMBAHASAN
Letak kode CSS
- Memberi atribut pada tag HTML (atribut style merupakan atribut global sehingga semua tag dapat diberi atribut ini).
- Menulisnya dalam tag <style> pada dokumen HTML.
- Menulisnya pada file terpisah dengan ekstensi .css dan kemudian menyertakannya pada dokumen HTML dengan tag <link> didalan tag head.
<p style="background-color:aqua">Masukkkan teks disini</p>
Contoh penulisan CSS pada Dokumen HTML
<html>
<head>
<style type="text/css">
p {
background-color:aqua;
}
</style>
</head>
<body>
<p>Masukkan teks disini</p>
</body>
</html>
<head>
<style type="text/css">
p {
background-color:aqua;
}
</style>
</head>
<body>
<p>Masukkan teks disini</p>
</body>
</html>
Contoh penulisan CSS dengan File terpisah
<html>
<head>
<link rel="stylesheet" href="lokasi_file_css-nya.css" />
</head>
<body>
<p>Masukkan teks disini</p>
</body>
</html>
<head>
<link rel="stylesheet" href="lokasi_file_css-nya.css" />
</head>
<body>
<p>Masukkan teks disini</p>
</body>
</html>
F. KESIMPULAN
Dengan mengetahui struktur dasar CSS kita dapat tahu bagaimana cara menggunakannya dan menerapkannya pada halaman sebuah web.
G. REFERENSI
https://id.wikipedia.org/wiki/Cascading_Style_Sheets
H. PENUTUP
Sekian artikel dari saya, semoga bermanfaat dan terimakasih telah berkunjung di blog saya.
WASSALAMU'ALAIKUM WR. WB.
0 Comments