Tips Belajar HTML Untuk Pemula – Apakah Anda tertarik untuk menjadi pengembang web profesional atau hanya ingin mempelajari lebih lanjut tentang cara kerja situs web, hal pertama yang perlu Anda pelajari adalah HTML. HTML adalah bahasa standar yang digunakan untuk membuat halaman web dan aplikasi web. Setiap kali Anda mengakses situs web, server mengirimkan file HTML ke komputer Anda dan browser Anda menafsirkan dan menampilkan informasi yang disertakan dalam file tersebut.
Tips Belajar HTML Untuk Pemula
wimi5.com – Faktanya, semua informasi yang Anda baca sekarang hanyalah data yang disimpan dalam file HTML dan dikirim ke browser Anda. Inilah hal terbaik tentang HTML ini adalah bahasa yang sederhana untuk dipelajari . Kebanyakan orang dapat mempelajari dasar-dasar HTML hanya dalam beberapa jam, dan dengan landasan HTML yang kuat, Anda dapat melanjutkan ke bahasa yang lebih kompleks seperti CSS dan JavaScript.
Baca Juga : Bagaimana HTML5 & CSS Dapat Menguntungkan Bisnis Anda
Panduan ini akan memberikan pengantar untuk menulis HTML, memeriksa blok bangunan dasar HTML seperti tag, elemen, dan atribut, dan membantu Anda membuat halaman HTML pertama dengan mengikuti tutorial langkah demi langkah. Di akhir panduan ini, Anda akan memiliki pengetahuan dasar yang diperlukan untuk mulai mengerjakan proyek HTML Anda sendiri.
Apa itu HTML?
HTML adalah singkatan dari HyperText Markup Language , yang dapat menjadi istilah yang membingungkan bagi banyak pemula. Cara terbaik untuk menjelaskan HTML adalah dengan memeriksa arti setiap kata.
HyperText mengacu pada teks yang berisi tautan ke teks lain. Setiap kali Anda mengklik tautan yang disorot atau digarisbawahi yang membawa Anda ke halaman lain, Anda menggunakan hypertext. Karena semakin banyak halaman menggunakan hypertext untuk terhubung satu sama lain, “web” halaman mulai terbentuk. Dari sinilah kita mendapatkan istilah World Wide Web.
Markup mengacu pada simbol atau kode khusus yang dimasukkan ke dalam dokumen untuk memberi tahu browser web cara menampilkan data dokumen. Misalnya, kode markup dapat memberi tahu browser untuk menampilkan frasa dalam teks tebal atau miring , atau dapat memberi tahu browser bagian mana dari dokumen yang merupakan judul dan paragraf. HTML hanyalah salah satu dari sejumlah bahasa yang menggunakan kode markup.
Bahasa mengacu pada gagasan bahwa kode dibakukan. Sama seperti bahasa lisan biasa, ada aturan tertentu yang harus diikuti setiap orang saat menulis HTML. Ini agar semua browser dapat memahami dan menafsirkan kode. Ada banyak bahasa pemrograman yang berbeda, dan Anda mungkin pernah mendengar beberapa yang populer seperti Java, Python, dan Ruby. Setiap bahasa memiliki seperangkat aturan uniknya sendiri, dan banyak bahasa dapat digunakan dalam kombinasi dengan HTML untuk membuat laman web dan aplikasi yang menakjubkan.
Jika kita menyatukan ketiga definisi ini, kita dapat mengatakan bahwa HTML adalah “bahasa pemrograman yang menggunakan kode unik yang memungkinkan Anda menampilkan dokumen terkait di browser”.
Mengapa Anda Harus Belajar HTML?
Saat ini, pembuat situs web seperti Wix dan SiteBuilder telah mempermudah pembuatan situs web. Dengan antarmuka seret dan lepas yang sederhana dan beragam templat, siapa pun dapat membuat situs web yang fungsional dan bergaya. Tetapi bagaimana jika Anda tidak tertarik untuk memiliki situs web yang mirip dengan milik orang lain? Apa yang terjadi bila Anda ingin membuat perubahan pada situs Anda yang melampaui apa yang tersedia menggunakan pembuat seret dan lepas?
Dengan pengetahuan dasar tentang HTML (serta sedikit CSS), Anda dapat membangun situs web yang benar-benar unik yang dapat Anda edit dan perbarui sendiri, dan Anda tidak perlu membayar biaya layanan bulanan yang mahal.
Mempelajari HTML juga dianggap sebagai langkah pertama untuk berkembang menjadi bahasa pemrograman yang lebih kompleks dan diminati. Ingin mendapatkan gaji enam digit sebagai pengembang web untuk startup Silicon Valley? Atau mungkin Anda punya rencana untuk mengembangkan Facebook atau Twitter selanjutnya? Jika Anda tertarik mempelajari cara melakukan pemrograman terkait web, HTML adalah tempat untuk memulai.
Apakah Ada Versi HTML yang Berbeda?
Versi pertama HTML dikembangkan oleh fisikawan Tim Berners-Lee pada tahun 1990, dan versi pertama yang tersedia untuk umum dirilis pada tahun 1991. Sejak saat itu, HTML telah diperbarui berkali-kali untuk mengatasi kemajuan teknologi. Versi standar saat ini adalah HTML5, yang telah digunakan sejak 2014. Rekomendasi untuk perubahan adalah HTML dibuat oleh World Wide Web Consortium (W3C), sebuah organisasi standar yang dibuat dengan tujuan mengembangkan pedoman dan protokol untuk memastikan pertumbuhan jangka panjang dari Web.
Bagaimana Hubungan HTML Dengan Bahasa Pemrograman Lain?
Jika Anda pernah melakukan penelitian tentang pengembangan dan desain web, Anda mungkin menemukan artikel atau panduan yang menyebutkan CSS dan JavaScript. HTML, CSS, dan JavaScript adalah tiga bahasa utama yang digunakan untuk membuat sebagian besar halaman web. Setiap bahasa memiliki fungsi yang berbeda dan masing-masing memiliki aturan yang berbeda, tetapi semuanya bekerja sama untuk memberikan konten, desain, dan fungsionalitas halaman web.
Seperti yang kami sebutkan sebelumnya, HTML adalah dasar dari situs mana pun. Kode HTML berisi struktur dan konten dasar situs, yang mencakup semua teks, tautan, tabel, tautan ke gambar, dan elemen serupa lainnya.
CSS (Cascading Style Sheets) digunakan untuk menentukan desain halaman, termasuk hal-hal seperti ukuran setiap elemen dan tampilannya. Dengan CSS, Anda dapat mengatur hal-hal seperti gaya font yang Anda gunakan, warna latar belakang halaman, dan lebar batas di sekitar elemen pada halaman.
JavaScript adalah bahasa yang lebih kompleks yang digunakan untuk membuat elemen interaktif di halaman Anda. Saat Anda mengarahkan mouse ke gambar di situs web dan gambar berubah atau berubah, itu adalah JavaScript yang mengedit kode HTML asli Anda. Saat Anda mengeklik produk di situs web belanja dan keranjang belanja Anda diperbarui secara otomatis, itu juga JavaScript.
CSS dan JavaScript dapat menambahkan desain dan fungsionalitas ke situs, tetapi tanpa HTML, Anda tidak akan memiliki situs untuk memulai. Faktanya, sebagian besar situs masih akan menampilkan data HTML meskipun kode CSS dan JavaScript rusak.
Seperti Apa Tampilan Kode HTML?
Pada dasarnya, kode HTML terlihat seperti teks biasa. Fitur yang paling dapat dikenali dari kode HTML adalah penggunaan tanda kurung sudut . Kurung sudut ini menyertakan kode markup yang memberi tahu browser cara menampilkan data dokumen.
Berikut adalah contoh dari beberapa kode HTML sederhana:
<!DOCTYPE html>
<html>
<Head>
<title>Judul Halaman</title>
</Head>
<Body>
<h1>Ini adalah tajuk.</h1>
<p>Ini adalah sebuah paragraf.</p>
</Body>
</html>
Ini tidak terlalu menarik, tetapi ini adalah contoh situs web yang bagus dalam bentuknya yang paling sederhana. Bahkan tanpa pengetahuan tentang HTML, Anda mungkin dapat memahami sedikit tentang cara kerja HTML hanya dengan melihat kode di atas dan membandingkannya dengan gambar.
Jika Anda ingin melihat tampilan situs yang lebih kompleks, coba lihat kode sumber HTML laman ini di browser Anda. Metode untuk melihat kode sumber berbeda tergantung pada browser web mana yang Anda gunakan.
- Pengguna Microsoft Edge dapat mengklik ikon Lainnya dan memilih Alat Pengembang dari menu tarik-turun.
- Pengguna Microsoft Internet Explorer dapat mengklik menu View dan memilih Source .
- Pengguna Mozilla Firefox dapat mengklik Tools , Web Developer dan kemudian Page Source dari menu bar.
- Pengguna Google Chrome dapat mengeklik Lihat , Pengembang lalu Lihat Sumber dari bilah menu.
Saat ini, kode sumber situs ini mungkin terlihat seperti bahasa asing (yang pada dasarnya seperti itu), tetapi di akhir panduan ini Anda akan dapat memeriksa kodenya lagi dan memiliki gagasan bagus tentang apa yang terjadi. pada.
Program Apa Yang Dapat Saya Gunakan Untuk Menulis Dan Mengedit Kode HTML?
Salah satu hal terbaik tentang mempelajari cara menulis kode HTML adalah Anda tidak perlu membeli perangkat lunak khusus apa pun untuk memulai. Anda dapat menulis dan mengedit kode HTML di editor teks biasa. Pengguna Windows dapat menulis kode menggunakan aplikasi Notepad yang sudah diinstal sebelumnya dengan semua versi sistem operasi. Pengguna Mac dapat menulis kode menggunakan setara OSX yang disebut TextEdit.
Namun, jika Anda berencana untuk melakukan banyak pengkodean, sebaiknya unduh dan instal editor teks yang dirancang khusus untuk pengkodean. Aplikasi ini memiliki berbagai fitur dan add-on yang membantu Anda menjaga kode tetap bersih dan mudah dibaca, serta memungkinkan Anda membuat kode dengan lebih efisien. Beberapa fitur populer menyoroti elemen kode yang berbeda, pelengkapan otomatis kode, pemeriksaan sintaks otomatis berdasarkan bahasa pemrograman yang Anda gunakan, dan banyak tab untuk memudahkan peralihan antar dokumen.
Berikut adalah tiga editor teks populer yang memiliki beragam fungsi dan tersedia untuk berbagai sistem operasi:
Sublime Text Editor
Adalah editor yang ringan namun kuat yang memiliki UI (Antarmuka Pengguna) yang sangat baik dan tersedia di Linux, Windows, dan MacOS. Ini menawarkan pemilihan dan pengeditan multi-baris, memiliki dukungan untuk sebagian besar bahasa pemrograman, dan ada banyak plugin yang tersedia yang meningkatkan fungsionalitas aplikasi. Ini memiliki versi uji coba gratis, atau versi berbayar seharga $80.
Atom
Adalah editor teks hebat lainnya yang memiliki desain yang mudah didekati, membuatnya mudah digunakan untuk pemula. Ini dikembangkan oleh pengguna GitHub , yang merupakan alasan utama mengapa sangat dapat disesuaikan dan diretas. Pengelola paket bawaan memungkinkan Anda mengunduh dan memasang ekstensi dengan mudah, dan aplikasi ini dapat digunakan di Linux, Windows, dan MacOS. Atom gratis untuk diunduh dan digunakan.
CodeLobster
Adalah IDE gratis untuk HTML, serta PHP, CSS, dan JavaScript. Jika Anda berencana untuk belajar dan bekerja dengan bahasa pengkodean lain, sebaiknya gunakan IDE yang mendukungnya. CodeLobster dapat digunakan di Windows dan gratis untuk diunduh dan digunakan.
Ada juga sejumlah editor kode online yang memungkinkan Anda menulis dan menguji kode hanya dengan menggunakan browser. Beberapa editor ini memungkinkan Anda untuk menyimpan dan menerbitkan kode Anda sehingga Anda dapat membaginya dengan orang lain. Tiga editor online populer adalah JSFiddle , Codepen dan Thimble .
