Oke, langsung saja. Di sini, Anda akan mempelajari betapa mudahnya membuat halaman web. Bahkan, setelah Anda selesai dengan halaman web ini, Anda sudah membuat halaman web Anda sendiri!
Saat membuat halaman web, biasanya Anda akan melakukan hal berikut:
- Buat berkas HTML
- Ketik beberapa kode HTML
- Lihat hasilnya di peramban Anda
- Ulangi 2 langkah terakhir (jika perlu)
{tocify} $title={Daftar Isi}
Buat Halaman Web
Baiklah, mari kita bahas langkah-langkah di atas secara lebih rinci.
1. Membuat berkas HTML
Berkas HTML hanyalah berkas teks yang disimpan dengan ekstensi .html atau .htm (bukan ekstensi .txt).
- Buka HTML Editor Anda (seperti Brackets atau SeaMonkey). Anda bisa menggunakan Teks Editor biasa di komputer Anda jika mau (mungkin Notepad jika Anda menggunakan Windows atau TextEdit jika Anda menggunakan Mac).
- Buat file baru (jika belum ada)
- Simpan file sebagai contoh_tutorial_html.html
2. Ketik beberapa kode HTML
Ketik kode berikut:
<!DOCTYPE html> <html> <head> <title>Contoh Tutorial HTML</title> </head> <body> <h1>Situs Web Pertama Saya</h1> <p>Kurang dari 5 menit dalam tutorial HTML ini dan saya sudah membuat beranda pertama saya!</p> </body> </html>
3. Lihat hasilnya di browser Anda
Kemudian...
- Arahkan ke berkas Anda, lalu klik dua kali
--ATAU--
- Buka peramban web komputer Anda (misalnya, Internet Explorer, Firefox, Netscape, dll.).
- Pilih File > Buka, lalu klik Telusuri. Kotak dialog akan muncul yang meminta Anda untuk menavigasi ke berkas tersebut. Arahkan ke berkas tersebut, lalu pilih Buka.
4. Ulangi 2 langkah terakhir hingga Anda puas dengan hasilnya
Tidak realistis mengharapkan Anda selalu berhasil pada percobaan pertama. Jangan khawatir, tidak apa-apa! Coba lagi dan lagi, hingga Anda berhasil.
Bagian dari kesenangan membuat halaman web adalah bereksperimen dengan berbagai elemen, gaya, pendekatan, dll., lalu memeriksa hasilnya.
Penjelasan Kode
Baiklah, sebelum kita terlalu hanyut, saya akan menjelaskan apa isi kode tersebut.
Kita baru saja mengodekan beberapa tag HTML. Tag-tag ini memberi tahu peramban apa yang harus ditampilkan dan di mana. Anda mungkin memperhatikan bahwa untuk setiap tag "pembuka" terdapat juga tag "penutup", dan konten yang ingin kita tampilkan muncul di antaranya. Kebanyakan tag HTML memiliki tag pembuka dan tag penutup.
Pelajaran selanjutnya akan membahas lebih detail tentang tag HTML.