Belajar HTML dari Nol: Panduan Pemula untuk Membuat Website
Jika Anda ingin membuat sebuah website atau hanya ingin memahami bagaimana cara kerja sebuah website, maka belajar HTML dari nol adalah langkah pertama yang harus Anda lakukan.
Kita tahu, HTML (HyperText Markup Language) adalah kumpulan bahasa pemrograman yang telah digunakan banyak orang dalam membuat sebuah halaman web.
Meskipun HTML cukup sederhana, tetapi jika belajar dan memahami dasar-dasarnya, maka Anda akan mampu membuat website sesuai dengan keinginan.
Apa itu HTML?
HTML adalah singkatan dari HyperText Markup Language. HTML merupakan bahasa pemrograman yang digunakan untuk membuat sebuah halaman web.
HTML tidak sama dengan bahasa pemrograman yang lain, seperti C++ atau Java, yang digunakan untuk membuat aplikasi atau program. HTML hanya digunakan untuk membuat halaman web.
Bagaimana Cara Kerja HTML?
HTML menggunakan tag atau label untuk menandai bagian-bagian dari sebuah halaman web. Tag ini akan memberitahu browser web bagaimana menampilkan konten yang ada pada halaman tersebut.
Belajar HTML dari nol, Anda harus tahu bahwa setiap tag HTML diawali dengan tanda kurung siku "<" dan diakhiri dengan tanda kurung siku ">".
Contoh: <p> ini adalah paragraf </p>.
Di dalam tag HTML terdapat pula atribut yang memberikan informasi tambahan tentang tag tersebut. Atribut ditulis setelah nama tag, di dalam tanda kurung siku.
Contoh: <p align="center"> ini adalah paragraf yang berada di tengah </p>
Apa Saja Tag HTML yang Umum Digunakan?
Untuk belajar HTML dari nol, Anda harus tahu beberapa tag HTML yang umum digunakan, yaitu:
<html>: Menandai bahwa dokumen yang kita buat adalah sebuah halaman web yang ditulis dengan HTML.
<head>: Menandai bagian yang berisi informasi tentang dokumen, seperti judul halaman, penulis, dan sebagainya.
<body>: Menandai bagian yang berisi konten yang akan ditampilkan pada halaman web.
<h1> sampai <h6>: Menandai heading atau judul. Semakin besar angka yang ada di dalam tag, maka semakin kecil ukuran font yang akan ditampilkan.
<p>: Menandai paragraf.
<a>: Menandai sebuah link.
<img>: Menandai sebuah gambar
Bagaimana Cara Belajar HTML dari Nol untuk Membuat Sebuah Halaman Web?
Untuk membuat sebuah halaman web dengan HTML, pertama-tama Anda perlu menyiapkan sebuah text editor. Text editor adalah sebuah aplikasi yang digunakan untuk menulis kode-kode HTML.
Beberapa text editor yang umum digunakan adalah Notepad (untuk sistem operasi Windows) dan TextEdit (untuk sistem operasi Mac).
Setelah Anda membuka text editor, selanjutnya Anda bisa mulai menulis kode-kode HTML. Silakan ikuti langkah-langkah berikut ini:
#Langkah 1
Pertama, tuliskan tag <html> di baris pertama. Tag <html> menandai bahwa dokumen yang kita buat adalah sebuah halaman web yang ditulis dengan HTML.
#Langkah 2
Kedua, tuliskan tag <head>. Tag <head> menandai bagian yang berisi informasi tentang dokumen, seperti judul halaman, penulis, dan sebagainya. Di dalam tag <head> ini, Anda bisa menuliskan tag <title> yang berisi judul halaman web Anda.
Contoh:
<html>
<head>
<title>Halaman Web Saya</title>
</head>
</html>
Hasilnya:
#Langkah 2
Ketiga, tuliskan tag <body>. Tag <body> menandai bagian yang berisi konten yang akan ditampilkan pada halaman web. Di dalam tag <body> ini, Anda bisa menuliskan konten seperti teks, gambar, link, dan sebagainya.
Contoh:
<html>
<head>
<title>Halaman Web Saya</title>
</head>
<body>
<h1>Selamat Datang di Halaman Web Saya</h1>
<p>Ini adalah halaman web pertama saya yang dibuat dengan HTML.</p>
<img src="gambar.jpg" alt="Gambar Saya">
<p>Baca <a href="artikel.html">artikel</a> saya yang lain untuk mengetahui lebih banyak lagi.</p>
</body>
</html>
Hasilnya:
#Langkah 4
Setelah Anda selesai menuliskan kode-kode HTML, simpan dokumen tersebut dengan menambahkan ekstensi .html pada nama filenya. Misalnya, "halamanweb.html". Kemudian buka file tersebut menggunakan browser web seperti Google Chrome atau Mozilla Firefox untuk melihat hasilnya.
Penutup
Itulah cara belajar HTML dari nol untuk membuat sebuah halaman web dengan HTML. Untuk menulis program yang lebih kompleks, tentunya membutuhkan waktu yang lebih lama. Selamat mencoba!
Gabung dalam percakapan