Bismillah
Pada kesempatan ini saya akan membahas sedikit mengenai CSS. Pertanyan pertama yang terlintas di benak apa sih CSS??? CSS singkatan dari Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah website maupun blog. dengan adanya CSS sebuah web akan terlihat lebih terstruktur dan tertata dengan rapi. Ada yang bertanya kepada saya apakah CSS merupakan bahasa pemograman? jawabannya bukan bahasa pemograman karena CSS merupakan cooding atau listing yang di tuliskan didalam HTML atau XHTML.penulisan cooding CSS ada dua versi yaitu internal dan eksternal
Jika anda menulis cooding CSS dengan versi internal maka penulisan cooding langsung anda tulis ke halaman website yang akan anda didesain. kekurangan versi ini apabila anda ingin membuat halaman baru dengan model atau desain yang sama, maka cooding CSS itu harus dimasukkan lagi ke dalam halaman web tersebut.
Namun jika anda menulis cooding dengan versi eksternal maka penulisan cooding CSS dipisahkan dan diletakkan dalam folder khusus, jika nanti anda membuat halaman web dengan desain atau model yang sama tinggal tambahkan tautan yang akan menuju ke berkas CSS tersebut.
contoh link atau tautan yang ada pada CSS versi Ekstrenal
<link rel=”stylesheet” href=”style.css” type=”text/css”/>
Dengan memahami cooding CSS kita dapat mengatur dan mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya
sebagai contoh kecil penulisan CSS internal.
<html>
<head>
<title>.:: Judul Web/blog ::.</title>
<style type="text/css">
body {
background-color: #f2f2f2;
color: black;
margin-top: 0px;
margin-left: 50px;
margin-right: 50px;
font-family: arial;
font-size: 14px;
}
</style>
Penjelasan
<html>
<head>
<title>.:: Judul Web/blog ::.</title>
<style type="text/css">
"penulisan cooding CSS di awali dengan lambang <style type, untuk jenis type tergantung selera anda"
body {
background-color: #f2f2f2;
color: black;
margin-top: 0px;
margin-left: 50px;
margin-right: 50px;
font-family: arial;
font-size: 14px;
}
"perintah cooding body diatas merupakan perintah mengatur badan atau tubuh web yang kita buat meliputi background-color atau warna layar pada badan web, color warna teks, margin-top ukuran kerta pada badan web di hitung dari atas, margin-left ukuran kerta pada badan web di hitung dari sisi kiri, margin-right ukuran kerta pada badan web di hitung dari sisi kanan, font-family jenis atau type huruf, font-size merupakan ukuran huruf "
</style>
"perintah terakhir pada cooding CSS </style> apabila anda lupa mengetik <, / atau > bisa menyebabkan error nya cooding"
contoh membuat link CSS lengkap pada versi ekternal, syarat " cooding CSS harus kita siapkan terpisah di folder terpisah namun folder tersebut tetap berada di dalam folder htdocs yang berlokasi di dics C"
<html>
<head>
<title>.:: Judul Web/blog ::.</title>
<link rel=”stylesheet” href=”style.css” type=”text/css”/>
</head>
Jadi penulisan cooding menggunakan versi ekstrenal membuat kita lebih cepat dalam menyelesaikan halaman website baru dengan desaian dan model yang sama.
Mungkin cukup sekian dulu untuk artikel Pengertian CSS pada Website yang bisa saya sampaikan Apabila anda menemui kendala atau ada yang belum jelas silahkan jangan sungkan - sungkan untuk ditanyakan dan menuliskannya di dalam kotak komentar. Selamat Mencoba dan Semoga Bermanfaat.
0 comments:
Post a Comment