Ringkasan Materi CSS dan HTML
Cascanding Style Sheet (CSS) adalah style yang digunakan untuk mengatur tampilan dari halaman web. Dengan menggunakan css maka untuk menghasilkan tampilan web yang indah dan menarik. Bahasa pemrograman ini lebih mudah dan ringkas dari pada menggunakan atribud ditiap tag html.
Selian bisa membuat indah, css juga bisa digunakan untuk menciptakan web dengan tampilan yang dinamis dan fleksibel. Baik itu untuk tampilan web di browser ataupun ketika halaman web dicetak lewat printer.
SCC juga disusun dengan struktur tertentu berikut contoh dan penjelasan dari strukturnya :
- Selector dan Declaration adalah Perintah css
- Selector berfungsi untuk memberi tahu web browser bahwa pada elemen mana aturan css akan diterapkan
- Selector dapat berupa nama tag, selector class atau selector id
- Declaration merupakan aturan css yang diterapkan yang mana terdiri atas property dan value.
Kelebihan dari CSS
- Dapat memisahkan desain dengan konten halaman web
- Dapat mengatur desain seefisien mungkin
- Jika ingin mengedit suau tema halaman web dapat dilakukan dengan mudah,yaitu cukup dengan memodifikasi pada cssnya saja
- Satu css dapat diakses oleh banyak web
Kekurangan dari CSS
- Tampilan pada setiap browser yang berbeda
- Ada juga browser yang tidak dapat menyuport css
- Membutuhkan waktu yang lama dalam pembuatanya
- Sering terjadi bug atau eror
Penjelasan tentang HTML
Secara umum html berfungsi sebagai pengelola serangkaian data dan info, jadi memungkinkan suatu dokumen dapat diakses dan ditampilkan di internet. HTML hanyalah berisi perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag HTML tidaklah sebatas hanya memasukkan perintah tertentu agar HTML kita dapat di akses oleh browser.
Html juga memiliki struktur elemen. Untuk lebih jelasnya akan saya jelaskan sebagai berikut :
- Elemen dalam dokumen html ditandai dengan penulisan tag yang berpasangan (contoh: <body></body>), walau ada pula yang tidak harus berpasangan (contoh: <img>)
- Tag diapit dengan dua karakter kurung bersudut < >
- Tag pertama dalam suatu elemen adalah tag pembuka dan yang kedua merupakan tag penutup
- Besar kecilnya huruf tidahk berpengaruh, sehingga <body> sama dengan <BODY>
- Tag dapat mempunyai atribut untuk mengubah default pemformatan dokumen dengan tag tersebut.
Html ada juga yang memiliki stuktur dokumen. Perhatikan contoh di bawah ini.
<!DOCTYPE html>
<html lang=””en>
<head>
<title>…</titile>
</head>
<body>
…
</body>
</html>
Nah lalu apa arti dari masing-masing dari struktur di atas
Elemen DOCTYPE
Digunakan untuk memberikan info kepada browser mengenai versi html yang digunakan.
Elemen HTML
Elemen ini mengandung hampir semua dokumen html yang berarti tag pertamama tand awal dokumen html dn tag penutup adalah tanda akhir dokumen.
Elemen Head
Elemen ini digunakan untuk menguraikan berbagai info yang terkai dengan dokumen, judul dokumen
Adapun contoh dokumen html adalah sebagai berikut :
<html>
<head bgcolor=green text=with>
<title>’ ‘ ‘ WELCOE TO MY WEB’ ‘ ‘</html>
<head>
<body>
<p> helo word </p>
</body>
</html>
Kelebihan-kelebihan HTML antara lain:
- Merupakan bahasa penkodean yang dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang berbeda
- Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink.
- Dapat disisipi bahasa pemrograman untuk mempercantik halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP dan sebagainya.
- Bukan merupakan bahasa pemrograman jadi tidak memerlukan kompiler.
Kekurangan dari HTML ini adalah:
- Menghasilkan halaman yang statis
- Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam.
0 komentar:
Post a Comment