Pernah ga sih kalian penasaran gimana sih cara bikin website?
Sebenarnya seluruh kerangka halaman web yang ada di dunia sekarang ini menggunakan HTML loh !
Dengan kata lain, kalau kamu ngerti HTML, kamu bisa dengan mudah mengerti dan bisa saja dengan mudah membongkar struktur suatu halaman web.
Nah buat kamu-kamu yang pengen belajar HTML dasar,
Saya akan mencoba membuat panduan HTML dasar yang mudah dipahami agar kalian semua bisa ikuti dan mudah di mengerti.
Oke tanpa basa-basi langsung kita mulai aja ya !
HTML itu apa sih ?
HTML atau Hyper Text Markup Language, adalah sebuah bahasa markup yang digunakan untuk membangun/merancang sebuah halaman web.
Seperti namanya HTML adalah Hyper Text Markup Language, jadi jangan samakan HTML dengan bahasa pemrograman ya.
Catatan: Hyper Text = bukan text biasa :p
Jadi cukup belajar HTML aja udah bisa buat halaman website?
Nah, HTML disini berperan sebagai struktur dari suatu halaman web.
Sebenarnya sebuah halaman web kebanyakan saat ini tidak hanya dibangun berdasarkan HTML saja, tetapi ada CSS dan Javascript yang membantu membuat tampilan menjadi lebih menarik
ya, taulah ya user sekarang kan mau liat halaman web yang keren dan mudah di pahami.
Nah, jika di ibaratkan sebuah bangunan HTML adalah rangka / tulang yang menjadi pondasi.
CSS adalah bahan-bahan yang menutupi kerangka (misal: batu bata, batako press, semen, dll) serta cat-cat yang memperindah bangunan tersebut.
Sedangkan Javascript adalah eskalator, lift, ac, lampu, dsb yang menjadi nilai tambah dalam suatu bangunan agar si pengguna (user) menjadi lebih nyaman.
Trus Cara kerjanya gimana ?
Seperti yang sudah disebutkan di atas bahwa HTML adalah Markup Language yang berarti bahasa marku, ini berarti HTML menggunakan tanda (mark) untuk menandai bagian-bagian dari text.
Kurang ngerti? maksud dari tanda (mark) ini adalah perintah (command) yang diberikan kepada "text" tertentu.
Command inilah yang nantinya akan menjelaskan apa dan bagaimana "text" tersebut nantinya di sebuah halaman web.
Tanda / Mark inilah yang biasa disebut sebagai TAG HTML.
Selain Tag ada juga yang dinamakan Elemen dan Atribut yang nanti akan dijelaskan di postingan berikutnya.
Oke ngerti, lalu apa lagi ? Pengen cepet - cepet praktek nih !
Sabar dulu, untuk membuat suatu halaman web, kamu perlu ngerti cara kerja browser terlebih dahulu.
Harus kah? ya harus !
karena kebanyakan orang-orang menganggap hal ini tidak penting dan nantinya pada saat sudah membangun sebuah halaman web yang lengkap dengan css dan javascript, baru deh kebingungan dan googling :D
Oke lanjut !
Kita mulai dari pengertiannya aja ya biar cepet
Web broser (kebanyakan orang sebut browser) adalah sebuah software untuk menerima, menampilkan, dan menerjemahkan informasi dari World Wide Web dan salah satu informasi tersebut berformat HTML.
Jadi HTML yang kita rancang, nantinya diterjemahkan oleh browser agar tampil sesuai dengan yang dirancang.
Nah terkadang masalah berawal dari sini,
Pada dasarnya hampir semua browser bisa menampilkan HTML dengan baik,
tapi jika sudah di implementasikan CSS dan Javascript yang notabene berpengaruh ke desain halaman, lain lagi ceritanya.
Karena tiap browser memiliki beberapa perbedaan.
Loh Kok bisa?
Jadi gini ceritanya, HTML itu kan di rancang dan di atur oleh sebuah badan standarisasi dunia agar tidak adanya perbedaan diantara kita saat tiap browser menerjemahkan HTML.
Lembaga yang khusus menangani web ini bernama W3C atau kepanjangannya World Wide Web Consortium.
Tetapi terkadang realita memang tidak sesuai ekspektasi,
kebanyakan browser hanya melihat standar ini sebagai rekomendasi dan mulai membuat aturannya sendiri.
Seperti disaat tahun 2000-an awal dimana hampir semua orang menggunakan Internet Explorer.
Browser ini sebenarnya tidak benar-benar sepenuhnya mengikuti standar W3C.
Malahan Opera Browser lah yang waktu itu benar-benar menerapkan standar W3C tidak terlalu populer.
Tetapi, Hidup memang seperti sebuah roda, terkadang diatas, terkadang dibawah.
Sekarang ini, mulai banyak browser yang mulai populer seperti Mozilla Firefox, Google Chrome, Apple Safari, dsb,
Internet Explorerpun sudah mulai di tinggalkan,
Makanya nanti jangan bingung ya, jika halaman web kalian bisa berjalan dengan lancar di satu browser, tidak menutup kemungkinan akan terjadi masalah di browser lainnya.
Pastikan selalu menggunakan browser versi terbaru ya !
Nah untuk memulai membuat suatu halaman web diperlukan adanya text editor.
Ada banyak sekali pilihan software text editor yang bisa kamu gunakan
Ada yang gratis dan banyak juga yang berbayar.
Text editor yang dimaskud ini seperti Notepad, Notepad++, Adobe Dreamweaver, dsb.
pada tutorial ini saya menggunakan Notepad++ karena memang gratis dan mudah digunakan.
Kamu bisa download dan instal langsung di website resmi Notepad++.
Tutorial ini akan berlanjut di post berikutnya ya !
No comments:
Post a Comment