Baca : Langkah awal belajar membuat website
Apa itu HTML?
Sebelum kita belajar membuat web dengan HTML5, terlebih dahulu kita bahas sebenarnya HTML ini seperti apa. HTML merupakan singkatan dari HyperText Markup Language yang dikembangkan oleh W3C (Word Wide Web Consortium). HTML bukanlah bahasa pemrograman tapi hanya berisi perintah-perintah atau kode tertentu yang disusun dari beberapa tag secara terstruktur. Angka 5 pada judul artikel menunjukkan versi dari HTML tersebut.
Struktur HTML5
Secara garis besar struktur dokumen HTML5 terdiri dari dua bagian yaitu
<head> dan <body>. Perlu di ketahui bahwa dari dua bagian penting di atas bagian <head> tidak akan menampilkan apa pada halaman web karena pada bagian ini nantinya akan di simpan beberapa tag yang mengatur titel halaman web. Pada bagian <body> inilah akan menampilkan isi dari halaman web yang kita buat. Dokumen web HTML5 diawali dengan <!DOCTYPE html><html> dan di akhiri dengan </html>.Berikut ini adalah struktur dasar dari HTML5:
<!DOCTYPE html>
<html>
<head>
<title>Ini adalah titel web HTML5</title>
</head>
<body>
Ini adalah isi web HTML5
</body>
</html>
Cara penulisan Tag HTML
Jika kita perhatikan struktur penulisan HTML di atas setiap tag memiliki tag pembuka dan tag penutup. Misalnya tag
<head> (disebut tag pembuka) dan tag </head>(disebut tag penutup). Tag penutup ditandai dengan karakter / (slash). Namun ada beberapa tag yang tidak perlu di tambahkan tag penutup misalnya tag <br>(untuk membuat baris baru) dan tag <hr>(untuk membuat garis horizontal).Untuk cara penulisan dan bagaimana penggunaan tag-tag HTML lainnya akan saya bahas pada artikel tersendiri.
Latihan membuat halaman web sederhana dengan HTML5
Langkah 1
Buka program text editor (Notepade, Notepade++ jika ada)
Langkah 2
Silahkan copy struktur dasar HTML5 di atas kemudian paste ke Notepade
Langkah 3
Save coding. Caranya sama dengan save dokumen lainnya (Ctrl+S), tapi pada bagian save as type pilih Hyper Text Markup Language File (Jika menggunakan notepade++), All Files (jika menggunakan notepade). Ubah nama file menjadi BelajarHTML5.html
Langkah 4
Buka file BelajarHTML5.html menggunakan web browser dan hasilnya akan seperti gambar berikut:
