Dalam tutorial ini, kita akan membahas cara membuat dokumen HTML yang lengkap dan sederhana dengan menggunakan elemen-elemen dasar HTML seperti head, body, heading, dan paragraf. Kita juga akan membahas cara menambahkan link, gambar, dan tabel untuk membuat halaman web yang interaktif dan menarik. Setelah menyelesaikan tutorial ini, kamu akan memiliki pemahaman dasar tentang bagaimana cara membuat halaman web dengan HTML.
|
| Gambar 3.1 : Ilustrasi Membuat File Dokumen HTML |
Daftar Isi
Langkah 1: Menyiapkan Software
Untuk membuat dokumen HTML, Anda membutuhkan software atau teks editor. Ada banyak teks editor gratis yang tersedia, seperti Notepad di Windows atau TextEdit di Mac. Anda juga bisa menggunakan teks editor yang lebih canggih seperti Sublime Text atau Visual Studio Code.
Langkah 2: Membuat File HTML Baru
Buka teks editor pilihan Anda dan buat file baru. Ubah nama file menjadi index.html atau nama lain yang Anda sukai. Kemudian simpan file tersebut di folder baru yang sesuai dengan proyek Anda. Atau, lihat gambar berikut :
|
| Gambar 3.2 : Membuat File Baru |
Langkah 3: Tambahkan konten
Untuk menambahkan konten, kita bisa menggunakan tag HTML seperti <p> untuk menambahkan paragraf, <img> untuk menambahkan gambar, dan <a> untuk menambahkan link. Berikut adalah contoh kode HTML yang menambahkan konten:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Saya</title>
</head>
<body>
<h1>Judul Halaman</h1>
<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>
<img src="gambar.jpg" alt="Gambar">
<a href="https://www.google.com">Link ke Google</a>
</body>
</html>
Langkah 4: Simpan dokument HTML
Setelah konten ditambahkan, simpan dokument HTML dengan mengklik "File" -> "Save" dan pilih format file "HTML".
|
| Gambar 3.3 : Menyimpan File HTML |
Nama file standar html adalah "index" dan pastikan nama file diakhiri dengan ".html" atau ".htm", Sebagai contoh berikut ini :
|
| Gambar 3.4 : Memberi Nama File HTML |
Langkah 5: Buka di browser
Untuk melihat hasil dari dokument HTML yang dibuat, buka file dengan browser seperti Google Chrome, Mozilla Firefox, atau Internet Explorer. Pada browser, klik "File" -> "Open" atau "Open File" dan pilih file HTML yang sudah disimpan sebelumnya.
|
| Gambar 3.5 : Tampilan Dokumen HTML yang telah di buat |
Itulah cara membuat dokument HTML yang lengkap dan sederhana. Dengan mengikuti langkah-langkah ini, kita bisa membuat halaman web yang sesuai dengan keinginan kita.