Belajar HTML Untuk Pemula – Saat ini, hampir semua orang dapat membuat website tanpa mengetahui coding. Sebenarnya, penting juga untuk memahami dasar-dasar membangun situs web (yaitu HTML).
Belajar HTML Untuk Pemula
webdesignpractices – Sekarang, coba bayangkan website Kamu masih sederhana. Kemudian instal temanya. Sayangnya, tata letak situs tampaknya tidak memenuhi harapan. Header terlalu besar, posisi menu hanya bisa di tengah, dan konten tidak ditampilkan dengan baik. Kalaupun Kamu coba memodifikasinya dengan plug-in, hasilnya tetap saja kurang maksimal.
Jadi ini tidak akan terjadi, Kamu perlu belajar HTML. Oleh karena itu, kemampuan Kamu tidak dibatasi oleh fungsi dan templat yang tersedia. Karenanya, Kamu dapat membuat fitur yang tidak tersedia di situs web tetangga. Menarik?
Apa Itu HTML?
Di lansir dari niagahoster, HTML (Hypertext Markup Language) adalah kombinasi dari dua istilah: hypertext dan bahasa markup. apa itu?
Hypertext adalah dokumen yang berisi tautan yang memungkinkan pengguna untuk menautkan ke halaman lain.
Sementara itu, bahasa markup adalah bahasa komputer, yang merupakan sekumpulan kode untuk mengatur struktur dan menampilkan informasi.
Oleh karena itu, HTML adalah bahasa markup yang digunakan untuk membangun halaman situs web.
Baca juga : Pelatihan Desain Grafis Online Terbaik
Sejarah HTML
HTML lahir pada tahun 1991. HTML diciptakan oleh seorang ilmuwan bernama Tim Berners-Lee dan pada awalnya merupakan solusi yang digunakan untuk memudahkan para ilmuwan mengakses file satu sama lain.
Namun, siapa sangka HTML akan berkembang di era saat ini dan menjadi dasar pembuatan website? Faktanya, 90,8% situs web di seluruh dunia menggunakan bahasa markup ini. Bukankah itu luar biasa?
Tentunya popularitas HTML baru bisa didapatkan setelah sejarah yang panjang.
Seperti yang Kamu lihat, HTML5 adalah versi terbaru. Dibandingkan dengan pendahulunya, HTML5 memiliki sistem yang paling lengkap.
Oleh karena itu, kami menyarankan Kamu mempelajari HTML5 untuk lebih memahami informasi terbaru dan memaksimalkan pelaksanaan pembelajaran HTML. Selain itu, HTML5 memiliki sintaks yang lebih sederhana, yang sangat cocok bagi pemula untuk mempelajari HTML.
Apa Itu Tag, Elemen, serta Atribut?
Untuk membuat belajar HTML lebih mudah, Kamu harus terbiasa dengan tag, elemen, dan atribut. Mereka adalah tiga sahabat yang menyusun atom HTML.
Berikut adalah instruksi untuk masing-masing.
Tag digunakan sebagai awalan untuk instruksi atau perintah yang akan dibaca browser web. Misalnya: tag <bold>. Tag ini meminta browser untuk menampilkan teks dengan huruf tebal;
Elemen tersebut adalah seluruh kode yang tersusun dari tag awal (<>) hingga tag akhir (</>). Contoh: <h1> Contoh elemen </h1>. Namun, tidak semua tag HTML memiliki pasangan tertutup.
Atribut adalah informasi atau perintah tambahan di dalam elemen. Misalnya: <img src = “beach.jpg” alt = “Beach Baron.”> Elemen ini menggunakan tag <img> dengan atribut sumber gambar (src) dan teks alt (alt).
Setelah memahami komponen HTML, pelajari pengkodean HTML pemula. Dengan memahami pengkodean HTML dasar, Kamu akan mampu untuk menggunakan tag HTML yang lebih profesional.
Kerangka Inti HTML
Sampai di sini, Kamu sudah tahu apa itu inti dari HTML. Setelah atom terkumpul, dokumen HTML akan terbentuk.
Tapi mari kita bayangkan dokumen HTML yang penuh dengan ratusan tag. Kami akan mengeksplorasi bentuk paling sederhana dari dokumen HTML dan menjadi kerangka inti yang membentuk setiap dokumen HTML di dunia.
<! DOCTYPE html> Nyatakan ke komputer bahwa Kamu akan menulis perintah dalam kode HTML;
<html> </ html> adalah tag yang digunakan untuk menunjukkan bahwa Kamu memulai dan mengakhiri dokumen dengan kode HTML;
<head> <head> diisi dengan metadata pada dokumen HTML. Misalnya, judul label, deskripsi, dll .;
<body> </ body> diisi dengan konten halaman website.
Setelah memuat kerangka HTML inti, Kamu dapat menyelesaikannya sesuai dengan tujuan dan kebutuhan halaman situs web.
Belajar HTML dengan Editor HTML
Sejak awal kita telah mempelajari teori belajar HTML dasar. Tentu saja, Kamu tidak sabar untuk mempraktikkannya.
Dalam kasus ini, saatnya menyiapkan editor HTML. Editor HTML adalah lembar kerja yang digunakan untuk membuat dan mengedit dokumen HTML.
Kamu dapat menggunakan berbagai editor HTML secara gratis. Seperti Notepad ++, Atom, Bracket, dll. Tetapi sebelum memilih editor HTML, pastikan sistem operasi komputer Kamu kompatibel.
Sekarang, setelah menginstal editor HTML, Kamu dapat mempelajari HTML dengan lebih mudah. Karena fungsi yang disediakan oleh HTML editor akan mempercepat proses kerja Kamu.
Memilih Browser Terbaik
Setelah membuat dokumen HTML, Kamu perlu melihat hasilnya, bukan? Oleh karena itu, harap pastikan bahwa Kamu telah memiliki browser web. Browser web adalah program aplikasi yang digunakan untuk mengakses dan menampilkan halaman situs web.
Melalui web browser, bahasa yang Kamu buat di editor HTML akan diterjemahkan menjadi tampilan yang dapat dipahami manusia.
Oleh karena itu, untuk berjaga-jaga, Kamu harus menyiapkan setidaknya dua browser web. Kalaupun ada stKamurisasi HTML, akan terjadi error, sehingga tampilan antara web browser yang satu dengan browser yang lain berbeda.
Baca juga : Aplikasi DJ Musik untuk iOS iPhone iPad Terpopuler
Halaman Website Pertama
Sekarang Kamu dapat membuat dan melihat eksekusi sintaks HTML di browser. Sayangnya, halaman HTML Kamu belum bersifat publik. Pasalnya, file HTML masih hanya disimpan di direktori komputer Kamu.
Oleh karena itu, perlu dilakukan pembuatan proyek secara online. Cara tercepat adalah dengan membuat website melalui layanan web hosting.
Tahukah Kamu, ini tidak hanya cepat, tetapi juga mudah dioperasikan. Kamu dapat langsung mengupload file HTML ke WordPress, atau Kamu dapat menyesuaikannya langsung melalui editor WordPress.
