VenBlog: DASAR HTML

Struktur Dasar HTML

Berikut ini adalah struktur dasar dari HTML, beserta dengan penjelasan singkatnya :

<html> è Tag pembuka / awal untuk bahasa pemrograman HTML

<head> è Tag pembuka header untuk dokument HTML

<title></title> è Judul halaman dokumen HTML

</head> è Tag penutup header

<body> è Tag pembuka body / isi dokument HTML

----à isi untuk tampilan pada browser ß-----

</body> è Tag penutup body / isi dokument HTML

</html> è Tag penutup HTML

Untuk lebih memahami dan mengerti maksut dari bagian atau elemen struktur HTML diatas, mari kita lihat contoh dibawah ini :

<html>

<head>

<title> Pembuatan Dokument HTML </title>

</head>

<body>

Ini adalah isi dari dokument HTML yang kita buat dan akan tampil pada layar browser.

</body>

</html>

Sampai disini sudahkah Anda memahami dan mengerti tentang struktur dasar dari HTML dan pembuatan dokumen HTML yang sederhana diatas ? Kalau belum kita akan coba ulang kembali contoh diatas, namun jika Anda telah memahaminya maka tahap berikutnya adalah metode penyimpanannya.

Setelah kita menuliskan skrip diatas dalam sebuah Notepad, tentunya kita akan melakukan penyimpanan terlebih dahulu sebelum dieksekusi. Adapun langkahnya sebagai berikut :

1. Pilih Menu File à Save As atau dengan tombol CTRL + S

2. Tentukan dimana letak penyimpanan untuk menyimpan file tersebut, kemudian tuliskan nama filenya

3. Setelah menentukan letak penyimpanan dan nama filenya, silahkan anda tambahkan ekstensi . htm atau .html pada bagian akhir nama file Anda.

Bagaimana untuk menjalankan skrip program HTML yang barusan kita buat tadi ? berikut ini adalah langkah – langkahnya :

1. Silahkan anda cari dimana letak Anda menyimpan file notepad tadi

2. Double klik file tersebut

atau

1. Buka Browser

2. Pilih Menu Open atau gunakan tombol CTRL + O, kemudian Anda cari file yang disimpan tadi lalu Open