Ringkasan Materi CSS dan HTML
Ringkasan Materi CSS dan HTML
Ringkasan Materi CSS dan HTML Oke kawan, jumpa lagi dengan saya. Kali ini saya akan memberikan materi tentang CSS dan HTML. Pertama akan saya jelaskan tentang css. Penjelasan tentang CSS 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 […]
Ringkasan Materi CSS dan HTML
Oke kawan, jumpa lagi dengan saya. Kali ini saya akan memberikan materi tentang CSS dan HTML. Pertama akan saya jelaskan tentang css.
Penjelasan tentang CSS
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 :
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
HTML adalah kepanjagan dari Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau dokumen dari web server ke browser. Html lah yang memungkinkan anda menjelajahi internet dan melihat halaman web.Kegunaan dari html ini sendiri adalah membuat pranala dan form interaktif. Tidak hanya itu, htlm juga berfungsi sebagai pengintergrasian gambar dengan tulisan, berkas suara dan rekman gambar hidup.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>
<!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>
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.
Oke kawan, cukup sekian materi dari saya. Semoga bermanfaa untuk anda. Sampai jumpa lagi
Comments
Post a Comment