Daftar Konten
HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. HTML digunakan untuk membuat struktur dan isi halaman web, seperti teks, gambar, dan hyperlink. Dalam tutorial ini, saya akan memberikan pengantar dasar tentang HTML dan cara membuat halaman web sederhana dengan HTML.
1. Persiapan
Sebelum memulai membuat halaman web, pastikan bahwa Anda memiliki editor teks seperti Notepad atau Sublime Text. Editor teks ini digunakan untuk menulis kode HTML. Selain itu, pastikan bahwa Anda memiliki browser web seperti Google Chrome atau Mozilla Firefox untuk melihat hasil dari kode HTML yang telah dibuat.
2. Membuat Dokumen HTML
Setiap halaman web dimulai dengan dokumen HTML. Dokumen HTML adalah dasar untuk halaman web dan berisi elemen-elemen dasar seperti judul, bagian utama, dan bagian footer. Berikut adalah contoh dokumen HTML yang sederhana:
<!DOCTYPE html> <html> <head> <title>Judul Halaman</title> </head> <body> <h1>Header</h1> <p>Paragraf pertama</p> <p>Paragraf kedua</p> </body> </html>
3. Elemen HTML
Elemen HTML adalah bagian-bagian dasar dari dokumen HTML. Setiap elemen HTML memiliki tag pembuka dan penutup, dan konten di antara tag tersebut. Berikut adalah beberapa elemen HTML yang umum digunakan:
<html>– Membuat elemen utama dari dokumen HTML.<head>– Membuat elemen kepala dokumen HTML, berisi informasi tentang dokumen seperti judul, meta tag, dan link.<title>– Membuat judul halaman web.<body>– Membuat elemen badan dokumen HTML, berisi konten yang akan ditampilkan di halaman web.<h1>– Membuat elemen heading utama, digunakan untuk judul utama halaman web.<p>– Membuat elemen paragraf.
4. Menambahkan Gambar
Anda juga dapat menambahkan gambar ke halaman web dengan menggunakan elemen <img>. Anda harus menambahkan atribut src untuk menentukan lokasi gambar, dan atribut alt untuk memberikan teks alternatif untuk gambar. Berikut adalah contoh kode untuk menambahkan gambar:
<img src="gambar.jpg" alt="Deskripsi gambar">
5. Membuat Hyperlink
Hyperlink digunakan untuk menghubungkan halaman web. Anda dapat membuat hyperlink dengan menggunakan elemen <a>. Anda harus menambahkan atribut href untuk menentukan URL halaman yang akan dituju. Berikut adalah contoh kode untuk membuat hyperlink:
<a href="https://www.example.com">Teks hyperlink</a>
6. Menyimpan dan Membuka Dokumen HTML
Setelah selesai menulis kode HTML, simpan dokumen dengan ekstensi .html. Kemudian, buka file tersebut dengan browser web. Anda dapat membuka file dengan mengeklik kanan file dan memilih “Open with” atau hanya mengeklik dua kali file tersebut.
Itulah tutorial dasar tentang HTML. Sekarang Anda dapat mencoba membuat halaman web sederhana dengan menggunakan kode HTML. Anda juga dapat mengembangkan pengetahuan HTML Anda dengan mencari lebih banyak
