Style Sheet
adalah text sederhana dengan eksitensi (.css) yang ditulis menurut aturan bahasa pemrograman yang merujuk rekomendasi dari CSS 1 atau CSS 2 dari W3C/ World Wide Web (w3.org) yang merupakan badan gabungan dari pemilik web, universitas, perusahaan ( seperti : Microsoft, Netscape, Apple, Opera, Mozilla dan Macromedia) tak luput juga para ahli dalam bidang web.Fungsi HTML dan CSS pada halaman Web
Menurut rekomendasi dari W3C, untuk pembuatan suatu website, untuk menjadi kerangka dari web tersebut anda perlu menggunakan HTML dan untuk design dari website anda dituntut untuk menggunakan CSS.
Sebagai contoh :
Jika anda akan membuat suatu artikel web dengan align center, maka pada penulisan pada HTML anda tidak dianjurkan untuk membuat Tag ‘Align ‘ tetapi cukup hanya menulis artikelnya saja dan untuk membuat supaya artikel tersebut sesuai dengan design anda menggunakan CSS.
Kesimpulannya adalah :
HTML untuk membangun dasar kerangka dan penulisan artikel saja.
CSS berfungsi untuk mendesign halaman website .
Berikut ini ketiga cara untuk menggabungkan file HTML dengan CSS :
1. Inline Style
Inline Style adalah cara penulisan file CSS secara langsung kedalam Tag HTML, berikut ini contoh penulisan Inline Style:
<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
</head>
<body>
<p> <h2 style=”color:#FFCC00″>Contoh untuk Inline Style </p>
</h2>
</body>
</html>
2. Embedded Style
Embedded Style merupakan cara penulisan CSS kedalam file HTML per halaman ( Page ) dan penulisan file CSS sebelum ….</head> Berikut ini contoh penulisannya :
<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
<style type=”text/css”> h2{ color:#FFCC00; background:#CC0000; }
</style>
</head>
<body>
<p>
<h2>Contoh untuk Embedded Style </p> </h2>
</body>
</html>
3. Link Style
Untuk penulisan Link Style merupakan penulisan secara terpisah antara file HTML dan file CSS dan kita tinggal memasang link saja, dan pemasangan Link anda bisa taruh di antara <head>…</head>. Untuk cara Link Style ini yang banyak dipakai oleh para Web Design atau programmer karena cara Link Style adalah cukup satu kali penulisan file CSS yang nantinya dipakai oleh seluruh halaman Website. Biasanya para Web Design menamai file Link Style CSS dengan nama style.css.
Berikut ini contoh filenya:
<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
<link href=”css/style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<p><h2>Contoh untuk Link Style</p></h2>
</body>
</html>
cukup sampai disini jika sobat pengen lanjut baca ebook nya aja nh link donlod nya
Download
refrensi
Master rudydevianto
Alhamdulillah Catatan Sederhana 3 Cara Menggabungkan file HTML dengan CSS plus Contoh telah selesai Mohon maaf jika ada kesalahan Wasalamu'alaikum warohmatulloh wabarokaatuh
No comments:
Post a Comment