Website pada saat ini sudah menjadi kebutuhan utama yang tidak bisa di kesampingkan. Berbagai bisnis seperti penjualan dan edukasi dapat memanfaatkan website sebagai media untuk promosi, bertukar informasi, dan sebagainya. Dalam aartikel kali ini admin akan membahas Belajar Dasar WEB HTML.
Sekarang ini, beberapa orang sudah mengerti cara mengembangkan sebuah web dan sebagian baru mempelajari carannya. Untuk pemula sangat penting untuk belajar HTML (HyperText Markup Language) dasar agar bisa memahami pembentukan dasar website. Apa sih HTML itu? HTML adalah sebuah bahasa dasar yang menggunakan markup atau penanda untuk membuat dasar halaman web.
Dikarenakan hal penting seperti itulah, Anda perlu belajar dasar web HTML. Dengan masuknya Anda ke website ini, Anda datang ke tempat yang sangat tepat! Kami akan menjabarkan cara belajar dasar web HTML untuk pemula dengan cara yang sederhana. Mari langsung saja kita pelajari HTML dasar untuk pemula ini!
Peralatan untuk Belajar HTML
Sebelum kita mulai mengenal dan mempelajari struktur dasar HTML, sebelum itu kita harus mempersiapkan alat-alat pendukungnya. Apa saja alat-alatnya sebagai berikut:
1. Teks Editor untuk Menulis HTML Dasar
Alat atau aplikasi untuk menulis bahasa HTML yaitu teks editor. Ada banyak aplikasi/software teks editor yang bisa Anda gunakan. Seperti Notepad++, dan Visual Studio Code.
2. Web Browser untuk Melihat Hasil HTML
Web browser sendiri adalah software untuk melihat hasil koding HTML yang akan kita buat. Anda bisa menggunakan web browser bawaan ataupun yang sudah terpasang di laptop ataupun komputer Anda. Contohnya, Google Chrome.
Langkah-Langkah Belajar Dasar Web HTML
1. Menyiapkan Editor HTML
Pertama-tama Anda harus menyiapkan editor HTML. Editor HTML ini berfungsi sebagai lembar kerja untuk membuat dan mengedit koding/code HTML.
Ada banyak editor HTML yang bisa Anda pasang secara gratis. Seperti Notepad++, Atom, Bracket, dan sebagainya. Dalam memilih editor HTML, pastikan OS atau sistem operasi komputer Anda kompatibel ataupun cocok.
Setelah Anda siap menginstal editor HTML, Selanjutnya Anda akan memasang ataupun membuka web browser pada laptop atau komputer Anda.
2. Membuka Web Browser
Setelah memasang dan membuka editor HTML, selanjutnya pastikan Anda sudah memiliki web browser. Web browser merupakan aplikasi untuk mengakses dan menampilkan halaman website. Jika belum memiliki web browser anda bisa memasang web browser pada laptop atau computer Anda.
Dengan web browser, bahasa pemrograman HTML yang akan Anda buat di editor HTML akan diterjemahkan ke dalam tampilan yang dipahami manusia.
Sebagai tindakan untuk berjaga-jaga, sebaiknya Anda siapkan minimal dua web browser. Dikarenakan bisa saja terjadi error sehingga tampilan antara satu web browser dengan browser lainnya berbeda.
3. Mengenal Tag, Elemen, dan Atribut
Setelah memasang dan membuka editor HTML dan web browser, Anda harus mengetahui apa itu tag, elemen, dan atribut. Tiga hal ini lah yang mendasari pembentukan HTML. Berikut ini tag, elemen, dan atribut beserta penjelasannya
- Tag, adalah awalan instruksi atau perintah yang akan dibaca web browser. Misalnya: tag <bold>. Tag ini akan meminta browser menampilkan teks dalam format bold/tebal;
- Element, adalah keseluruhan kode yang terdiri dari tag pembuka (<>) hingga tag penutup (</ >). Contohnya: <‘h1> Elemen HTML </h1’>. Tetapi tidak semua tag HTML memiliki pasangan penutup;
- Attribute, adalah informasi atau perintah tambahan yang berada di dalam elemen. Misalnya: <img src=”pohon.jpg” alt=”Pohon Cabai.”> Elemen ini menggunakan tag <img> dengan atribut sumber gambar (src) dan alt text (alt).
4. Memahami Struktur Dasar HTML
Setelah mempelajari tag, elemen, dan atribut pada HTML. Selanjutnya hal yang sangat penting yaitu mempelajari struktur dasar HTML. Berikut adalah struktur dasar bahasa pemrograman HTML
- <html></html> merupakan tag yang menandakan memulai dan mengakhiri dokumen dalam kode HTML;
- head><head> merupakan metadata dari dokumen HTML. Seperti judul tab, deskripsi, dan lain-lain;
- <body></body> merupakan isi konten yang Anda inginkan pada halaman website.
- <!DOCTYPE html> berfungsi untuk mendeklarasikan kepada komputer bahwa Anda menuliskan perintah dalam kode HTML
Setelah memahami struktur dasar HTML, Anda dapat mempelajari dan mengkreasikan sesuai dengan tujuan dan kebutuhan halaman website Anda.
Jika Anda ingin melihat struktur sebuah website Anda bias melakukannya dengan cara berikut: klik kanan pada mouse dan pilih ‘View page source’. Atau bias menggunakan shortcut keyboard dengan menekan Ctrl + U.
5. Membuat Halaman Website
Setelah mempelajari langkah-langkah sebelumnya. Sekarang, Anda sudah bisa membuat dan melihat kode pemrograman HTML pada browser Anda. Halaman HTML yang Anda buat tidak bisa diakses oleh publik. Karena, file HTML yang Anda buat masih tersimpan dalam direktori komputer Anda saja.
Anda perlu membuatnya menjadi online. Dengan cara membuat website Anda memiliki web hosting. Hosting atau web hosting merupakan layanan untuk menyimpan file dan data website agar bisa online di internet dan diakses oleh public/umum.
Demikian lah artikel pembahasan mengenai Belajar Dasar WEB HTML. Tetapi, tidak cukup jika hanya pemrograman HTML saja yang Anda pelajari seterusnya dikarenakan masih banyak bahasa pemrograman lain yang tak kalah penting seperti CSS dan Javascript.
Jika anda sedang mencari Jasa pembuatan website terutama di Kota Medan, kami tim WilliamLiu.asia adalah solusinya. Anda bisa memilih website seperti yang Anda inginkan dengan harga murah dan berkualitas. WilliamLiu.asia merupakan konsultan Digital Marketing Agency berlokasi di Jakarta dan Medan. Diisi oleh team professional yang tentunya merupakan Pakar dan Praktisi Digital Indonesia. WilliamLiu.asia menyediakan banyak sekali jasa, dari services dan pembuatan web hingga jasa SEO.
Bagi anda yang ingin konsultasi ataupun sewa jasa pembuatan website di WilliamLiu.asia bisa menghubungi nomor HP/WA berikut 081375556969 fast respone 24 jam.
