Penulis mencoba menulis tentang dasar HTML & CSS pada konten ini. Tulisan ini sekaligus mengkombinasikan antara HTML dan CSS dalam menulis pada program/tool nya, sehingga pembaca dapat belajar dengan mudah pada HTML. Mengapa demikian ? Karena CSS tak terlepas dari HTML maupun sebaliknya.
Sebenarnya lebih baik belajar sendiri-sendir antara HTML & CSS, namun penulis memiliki pandangan lain yaitu keduanya dipelajari secara bersamaan seperti konten dibawah ini nantinya. Penulis menyarankan agar menggunakan tool Sublime Text atau Notepad++ yang dapat didownload secara free di sumber lain.
Sebelum jauh membahas tentang HTML & CSS, terlebih dahulu saya jelaskan secara sederhana tentang pengertian HTML & CSS.
Pengertian HTML
HTML kependekan dari Hyper Text Markup Language. HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Pengertian CSS
Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
CSS dapat 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. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain. Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.
Dalam sifat internal terdapat jenis penulisan yaitu Inline Style Sheet dan Embedded Style Sheet. Penulisan Inline Style Sheet yaitu dalam script dalam Body sedangkan Embedded Style Sheet penulisannya pada diatara Head yang diawali dengan tag <script> dan diakhiri dengan tag </script>.
CSS dapat 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. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain. Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.
Dalam sifat internal terdapat jenis penulisan yaitu Inline Style Sheet dan Embedded Style Sheet. Penulisan Inline Style Sheet yaitu dalam script dalam Body sedangkan Embedded Style Sheet penulisannya pada diatara Head yang diawali dengan tag <script> dan diakhiri dengan tag </script>.
Baiklah demikian penjelasan singkat tentang Pengertian HTML & CSS. Di bawah ini saya tampilkan daftar isi yang dapat sahabat baca untuk dipelajari :
| Nomor | Materi | Rincian |
|---|---|---|
| 1 | Struktur HTML | Struktur, tag, atribut |
| 2 | Struktur CSS | Struktur, Selector, Declaration, Properti, Value, Internal CSS, Eksternal CSS, |
| 3 | Teks | Paragraf, Heading/Judul,Bold & Intalic, Supscript & Subscript, Jeda Baris & Garis, Penekanan, Kutipan,Singkatan & Akronim, Sebutan & Definisi, Rincian Penulis, Edit Konten |
| 4 | List | Ordered List, Unordered List, Definisi List, Nested List |
| 5 | Link | Menulis Link, Me-link-kan ke Situs Lain, Me-link-kan ke Halaman Lain dalam Satu Situs, Email Link, Membuka Link pada Tampilan Jendela Baru, Me-link-kan ke Bagian Tertentu dalam Satu Halaman |
| 6 | Images | Menambahkan Gambar, Tinggi & Lebar Gambar, Meletakkan Gambar pada Koding, Menempatkan Letak Gambar, Definisi Gambar |
| 7 | Tables | Struktur Dasar Tabel, Judul Tabel, Menggabungkan Kolom & Baris, Tabel Panjang, Lebar & Sipasi, Border & Background |
| 8 | Forms | Struktur Form, Text Input, Text Area, Radio Button, Checkbox, Dropdown List Box, Multi Select Box, File Input Box, Submit Button, Image Button, Labe Form, Form Group, Form Validation, Date Input, Email & URL Input, Search Input |
| 9 | Video & Audio | Add Video, Multiple Video Sources, Add MP3 Player |
| 10 | Color | Color, Background Color, Opacity & rgb, HSL & HSLA |
| 11 | Text | Kosong |
| 12 | Boxes | Kosong |
| 13 | Layout | Kosong |
0 komentar:
Posting Komentar