Jumat, 24 Juni 2016

HTML-CSS

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>.

Baiklah demikian penjelasan singkat tentang Pengertian HTML & CSS. Di bawah ini saya tampilkan daftar isi yang dapat sahabat baca untuk dipelajari :

NomorMateriRincian
1Struktur HTMLStruktur, tag, atribut
2Struktur CSSStruktur, Selector, Declaration, Properti, Value, Internal CSS, Eksternal CSS,
3TeksParagraf, Heading/Judul,Bold & Intalic, Supscript & Subscript, Jeda Baris & Garis, Penekanan, Kutipan,Singkatan & Akronim, Sebutan & Definisi, Rincian Penulis, Edit Konten
4ListOrdered List, Unordered List, Definisi List, Nested List
5LinkMenulis 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
6ImagesMenambahkan Gambar, Tinggi & Lebar Gambar, Meletakkan Gambar pada Koding, Menempatkan Letak Gambar, Definisi Gambar
7TablesStruktur Dasar Tabel, Judul Tabel, Menggabungkan Kolom & Baris, Tabel Panjang, Lebar & Sipasi, Border & Background
8FormsStruktur 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
9Video & AudioAdd Video, Multiple Video Sources, Add MP3 Player
10Color Color, Background Color, Opacity & rgb, HSL & HSLA
11TextKosong
12BoxesKosong
13LayoutKosong

Mohon Maaf, blog sedang dalam Perbaikan !

Tidak ada komentar:

Posting Komentar