HTML CSS
CSS ( Cascanding Style Sheets) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa
pemograman. (Sumber : wikipedia bahasa indonesia.
CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak halaman web beberapa sekaligus.
CSS dapat ditambahkan ke elemen HTML dalam 3 cara:
CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak halaman web beberapa sekaligus.
CSS dapat ditambahkan ke elemen HTML dalam 3 cara:
- Inline - dengan menggunakan atribut style dalam elemen HTML
- Internal - dengan menggunakan <style> elemen dalam <head>
- Eksternal - dengan menggunakan file CSS eksternal
atribut style dimaksukkan kedalam elemen HTML atau dengan kata lain, tidak memisah style dengan elemen HTML.
contoh :
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">This is a Blue Heading</h1>
</body>
</html>
<html>
<body>
<h1 style="color:blue;">This is a Blue Heading</h1>
</body>
</html>
hasilnya :
Style akan didefinisikan di <head>. Tidak memisah antara HTML dengan Style, namun membedakan style dan elemen HTML lainnya.
contoh :
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a
heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
hasilnya :
3. Eksternal
Artinya file CSS dan HTML sama sekali berbeda, atau terpisah. Agar bisa saling terkoneksi maka file style, harus dipanggil ke HTML.
contoh :
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
dan documen css nya:
body {
background-color: powderblue;}
h1 {
color: blue;}
p {
color: red;}
hasil :
Sekian untuk HTML CSS, bisa baca lagi edisi selanjutnya besok. Terima Kasih
Referensi :
https://id.wikipedia.org/wiki/Cascading_Style_Sheets
http://www.w3schools.com/html/html_css.asp
0 komentar:
Posting Komentar