perkenalan style Sheet
Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip dengan template pada Microsoft Word: anda dapat megubah penampilan pada dokumen Word dengan mengubah format pada style dokumen. Begitu pula anda dapat mengubah penampilan halaman web dengan mengubah format pada tag HTML tertentu melalui Style Sheet, untuk selanjutnya menggantikan spesifikasi default dari
browser untuk tag-tag tersebut. Anda dapat mengambil keuntungan dengan menggunakan Style Sheet ini
dengan tiga alasan utama: pemformatan tambahan, kontrol yang lebih baik, dan perubahan yang lebih mudah.
Style Sheet relatif baru pada web. Internet Explorer 3.0 keluaran Microsoft adalah web browser pertama yang mendukung Style Sheet. Implementasi Style Sheet pada Internet Explorer 3.0 berdasarkan pada
draft World Wide Web Consortium (W3C) yang berjudul “Cascading Style Sheets, Level 1” (diterbitkan
pada bulan Mei 1996, lihat http://www.w3.org/pub/WWW/TR/WD-css1.html). Netscape juga telah mengindikasikan bahwa mereka akan mendukung Style Sheet pada versi-versi terbaru browsernya.
Browser yang tidak mendukung Style Sheet menampilkan halaman web berdasarkan spesifikasi default browser tersebut.
3 Cara Untuk Menambahkan Style Pada Web
Style Sheet dapat digunakan dengan 3 cara, sesuai dengan kebutuhan anda:
· Dengan membuat link ke file Style Sheet dari file HTML. Metode seperti ini
memungkinkan anda mengubah style sejumlah halaman web dengan
hanya mengedit satu file Style Sheet.
· Dengan menyisipkan Style Sheet pada file HTML. Metode seperti ini
memungkinkan anda mengubah style suatu halaman web dengan hanya
mengedit beberapa baris Style Sheet.
· Dengan menyisipkan secara inline pada tag dalam file HTML. Hal ini
memberi cara tercepat untuk mengubah suatu tag, sejumlah tag, atau satu
blok informasi pada halaman web.
Anda dapat menggunakan satu, dua, atau ketiga cara tersebut pada halaman
web.
Sintax Dasar
Baik Style Sheet yang dilink maupun yang disisipkan memiliki satu atau lebih
definisi style. (Sintax inline kadang berbeda). Suatu definisi style terdiri dari suatu
tag HTML (tag apapun), diikuti oleh sejumlah properti untuk tag tersebut yang
terletak diantara tanda kurung kurawal. Tiap properti diidentifikasi oleh nama
properti, diikuti oleh titik dua dan nilai properti. Properti ganda dipisahkan oleh
titik koma. Sebagi contoh, definisi style berikut memberi tag <H1> ukuran font
yang spesifik (15 point), dan ketebalan huruf (boldface):
H1 {font-size: 15pt;
font-weight: bold}
Anda kemudian dapat membuat definisi style untuk sejumlah tag HTML dan
menempatkannya pada file terpisah atau sisipkan langsung pada halaman web.
Membuat Link ke Style Sheet
Untuk membuat link ke Style Sheet eksternal, anda dapat dengan mudah
membuat sebuah file berisi definisi style kemudian simpan (save) dengan
ekstensi .CSS, kemudian buat link ke file tersebut dari halaman web. Dengan
cara ini, anda dapat memanfaatkan Style Sheet yang sama untuk beberapa
halaman dalam site anda.
Sebagai contoh, bila Style Sheet anda dinamai style-saya.css dan terletak di
alamat http://alamat-internet/style-saya.css, diantara tag <HEAD> anda harus
menambahkan:
<HEAD>
<TITLE>Judul artikel</TITLE>
<LINK REL=STYLESHEET
HREF="http://alamat-internet/style-saya.css"
TYPE="text/css">
</HEAD>
Baca Selanjutnya
Menyisipkan blok STYLE
Menggunakan inline style
Opsi Tambahan dll
Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip dengan template pada Microsoft Word: anda dapat megubah penampilan pada dokumen Word dengan mengubah format pada style dokumen. Begitu pula anda dapat mengubah penampilan halaman web dengan mengubah format pada tag HTML tertentu melalui Style Sheet, untuk selanjutnya menggantikan spesifikasi default dari
browser untuk tag-tag tersebut. Anda dapat mengambil keuntungan dengan menggunakan Style Sheet ini
dengan tiga alasan utama: pemformatan tambahan, kontrol yang lebih baik, dan perubahan yang lebih mudah.
Style Sheet relatif baru pada web. Internet Explorer 3.0 keluaran Microsoft adalah web browser pertama yang mendukung Style Sheet. Implementasi Style Sheet pada Internet Explorer 3.0 berdasarkan pada
draft World Wide Web Consortium (W3C) yang berjudul “Cascading Style Sheets, Level 1” (diterbitkan
pada bulan Mei 1996, lihat http://www.w3.org/pub/WWW/TR/WD-css1.html). Netscape juga telah mengindikasikan bahwa mereka akan mendukung Style Sheet pada versi-versi terbaru browsernya.
Browser yang tidak mendukung Style Sheet menampilkan halaman web berdasarkan spesifikasi default browser tersebut.
3 Cara Untuk Menambahkan Style Pada Web
Style Sheet dapat digunakan dengan 3 cara, sesuai dengan kebutuhan anda:
· Dengan membuat link ke file Style Sheet dari file HTML. Metode seperti ini
memungkinkan anda mengubah style sejumlah halaman web dengan
hanya mengedit satu file Style Sheet.
· Dengan menyisipkan Style Sheet pada file HTML. Metode seperti ini
memungkinkan anda mengubah style suatu halaman web dengan hanya
mengedit beberapa baris Style Sheet.
· Dengan menyisipkan secara inline pada tag dalam file HTML. Hal ini
memberi cara tercepat untuk mengubah suatu tag, sejumlah tag, atau satu
blok informasi pada halaman web.
Anda dapat menggunakan satu, dua, atau ketiga cara tersebut pada halaman
web.
Sintax Dasar
Baik Style Sheet yang dilink maupun yang disisipkan memiliki satu atau lebih
definisi style. (Sintax inline kadang berbeda). Suatu definisi style terdiri dari suatu
tag HTML (tag apapun), diikuti oleh sejumlah properti untuk tag tersebut yang
terletak diantara tanda kurung kurawal. Tiap properti diidentifikasi oleh nama
properti, diikuti oleh titik dua dan nilai properti. Properti ganda dipisahkan oleh
titik koma. Sebagi contoh, definisi style berikut memberi tag <H1> ukuran font
yang spesifik (15 point), dan ketebalan huruf (boldface):
H1 {font-size: 15pt;
font-weight: bold}
Anda kemudian dapat membuat definisi style untuk sejumlah tag HTML dan
menempatkannya pada file terpisah atau sisipkan langsung pada halaman web.
Membuat Link ke Style Sheet
Untuk membuat link ke Style Sheet eksternal, anda dapat dengan mudah
membuat sebuah file berisi definisi style kemudian simpan (save) dengan
ekstensi .CSS, kemudian buat link ke file tersebut dari halaman web. Dengan
cara ini, anda dapat memanfaatkan Style Sheet yang sama untuk beberapa
halaman dalam site anda.
Sebagai contoh, bila Style Sheet anda dinamai style-saya.css dan terletak di
alamat http://alamat-internet/style-saya.css, diantara tag <HEAD> anda harus
menambahkan:
<HEAD>
<TITLE>Judul artikel</TITLE>
<LINK REL=STYLESHEET
HREF="http://alamat-internet/style-saya.css"
TYPE="text/css">
</HEAD>
Baca Selanjutnya
Menyisipkan blok STYLE
Menggunakan inline style
Opsi Tambahan dll
Komentar
Posting Komentar