Some text some message..
Some text some message..
Some text some message..
Some text some message..

Membuat Halaman HTML Sederhana

previous Previous Page

Untuk membuat halaman HTML yang baik, diperlukan penulisan tag dan elemen HTML secara benar. Terdapat ratusan tag di dalam HTML mulai dari awal halaman web sampai akhir halaman tersebut ditutup. Untuk membuat sebuah halaman HTML yang sederhana, paling tidak harus memiliki elemen DOCTYPE html, elemen head, elemen title, dan elemen body.

Penulisan tag pada HTML5 selalu diawali dengan <!DOCTYPE html>. Penulisan tag HTML sebelum HTML5 cukup dengan menggunakan <html> saja, tanpa diawali <!DOCTYPE html>. Kemudian dilanjutkan menuliskan tag <html> yang ditutup dengan tag </html>. Pada bagian head dengan tag <head> ditutup dengan tag </head>.

Pada bagian title dengan tag <title> ditutup dengan tag </title>. Elemen title (judul) digunakan untuk menjelaskan judul yang akan diberikan pada halaman HTML yang akan dibuat. Pada bagian elemen body ditulis dengan tag pembuka <body> ditutup dengan tag </body>. Elemen body atau badan halaman HTML adalah bagian di mana semua konten akan ditampilkan.

Kode Script :

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <title>Tulisan untuk judul(title)</title>
5.  </head>
6.  <body>
7.     Tulisan pada body HTML
8.  </body>
9.  </html>

Pada dasarnya elemen tag HTML dibedakan menjadi beberapa bagian. Bagian yang pertama adalah bagian yang terdapat elemen berupa tag <head>. Di dalam tag elemen tersebut diletakkan elemen lainnya berupa elemen title, elemen meta data, elemen link untuk meletakkan link dari dokumen lain (Javascript, CSS) yang nantinya digunakan sebagai file dari luar pendukung halaman HTML tersebut. Kemudian bagian terakhir yaitu isi/konten halaman web yang diletakkan di dalam elemen berupa tag <body> ... </body>.Untuk memperjelas hal di atas, berikut contoh pembuatan sebuah halaman HTML :

Kode Script :

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <title>Latihan 1</title>
5.  </head>
6.  <body>
7.     Belajar membuat halaman HTML
8.  </body>
9.  </html>

Setelah selesai menuliskan kode diatas, silahkan lakukan penyimpanan dokumen tersebut, dengan memilih menu File-Save ataupun File-Save As pada software text editor Notepad++ tersebut. Setelah File yang sudah dibuat tersimpan kemudian lakukan pengujian dengan memilih menu Run - launch in FireFox, maka browser Firefox akan terbuka secara otomatis.

dokumen html sederhana

Berikut ini hasil setelah halaman tersebut diakses melalui Browser Firefox :

dokumen html sederhana

facebooktwittergoogle pluswhatapplinkedinpinterest

previous Previous Page

Daftar Isi HTML