Fungsi dan Kegunaan CSS
HTML (Hypertext Markup Laguage) dan CSS (Cascading Style Sheets) merupakan bab tak terpisahkan dari teknologi pemrograman web terbaru di saat ini. HTML dibentuk dan digunakan untuk memperlihatkan konten dan merupakan kerangka logis dari suatu halaman website, sedangkan CSS berfungsi mengendalikan beberapa gaya / style elemen-elemen HTML seumpama mengubah jenis font, ukuran font, perataan, dan pengaturan yang lain dalam dokumen HTML.Penggunaan CSS lebih diusulkan ketimbang mengambil alih jenis font dan pengaturan yang lain dengan menggunakan atribut HTML. CSS lebih gampang dipraktekkan alasannya merupakan untuk mengganti banyak elemen HTML dengan style yang serupa cuma dengan berbagi satu style, beda dengan jika dengan menggunakan HTML yang diharuskan mengganti setiap atributnya.
Perhatikan pola berikut :
Script 1 :
<html>
<head>
<body>
<title>Test Warna tanpa CSS</title>
</head
>Saya duduk di dingklik Sekolah
<font color="red"> Sekolah Menengah kejuruan Al-Manshuriyah</font>. <br>
Sekarang aku sedang menempuh pendidikan di kelas
<font color="red"> X Semester 2</font><br>
jurasan Teknik Komputer Jaringan <font color="red"> TKJ</font>.
</body> </html>
Kemudian jika menggunakan CSS maka ditulis seumpama script berikut, dan akan menciptakan performa yang sama.
Script 2 :
<html>Coba amati jika kita ingin megubah warna merah pada halaman web di atas :
<head>
<title>Test Warna dengan CSS</title>
<style type="text/css">
.warna {
color: red;
}
</style>
</head>
<body>
Saya duduk di dingklik Sekolah
<span class=warna> Sekolah Menengah kejuruan Al-Manshuriyah</span>. <br>
Sekarang aku sedang menempuh pendidikan di kelas
<span class=warna> X Semester 2</span><br>
jurasan Teknik Komputer Jaringan <span class=warna> TKJ</span>.
</body>
</html>
Pada Sript1 : kita mesti mengganti nilai atribut color dari tag font, sebanyak tag font. Dalam hal ini kita mesti melakukan pergeseran sebanyak 3 kali.
Pada Sript2 : kita cuma mengganti nilai color pada tag style saja. Dalam hal ini kita cuma melakukan pergeseran sebanyak 1 kali.
Kaprikornus dengan CSS kita dipermudah dalam melakukan pergeseran performa halaman web. Dengan CSS kita dapat mengganti performa dari suatu halaman web tanpa mesti mengganti isi halaman tersebut.
Mari kita perlajari materi berikutnya tentang CSS :
1. Pengertian CSS
2. Cara Meng-input isyarat CSS ke dalam HTML
0 Komentar untuk "Belajar Css (Cascading Style Sheets)"