Membuat Dokumen HTML5 Sederhana

Sejak awal HTML telah menjadi bahasa dominan dari World Wide Web. Dengan terciptanya bahasa HTML dan web browser siapapun yang memiliki komputer/gadget dengan koneksi internet bisa surfing di dunia maya.

Untuk membuat dokumen HTML5 sederhana caranya cukup mudah. Yang dibutuhkan untuk membuatnya juga tidak banyak :
  • Komputer (tidak harus terhubung dengan internet)
  • Text Editor , penulis sarankan menggunakan Notepad++
  • Bahasa HTML
  • Browser ( penulis sarankan menggunakan  Firefox atau chrome)
Bila semua sudah  disiapkan, saatnya membuat dokumen HTML yang paling sederhana.
Buka Notepad++, buat file baru, beri nama html dasar.html . Simpan difolder mana saja.
Lalu ketikan : 
<!DOCTYPE html>
<html>
  <head>
    <title>html dasar</title>
  </head>
  <body>
    Ini Halaman HTML pertama yang kubuat
  </body>
</html>
Save / Simpan ( sebagai catatan dokumen yang dibuat berekstensi .html bukan .txt), lalu buka (klik dua kali pada dokumen atau klik kanan lalu open with firefox/chrome).
 
Penjelasan :
Seperti bahasa umumnya , HTML5 memiliki tata bahasa dan kosa kata .
Tatabahasa :  < !DOCTYPE html > wajib ada disetiap bagian atas setiap halaman HTML5 .
Kosa kata  :  < !DOCTYPE html > berarti "halaman ini ditulis dalam HTML5 ".

<html>....</html>  
 Apapun yang ada diantaranya menggunakan bahasa HTML. 
Struktur baku bahasa HTML didalam <html> terdapat head dan body.

<head>...</head>
Didalam head terdapat <title>...</title>. Sesuai namanya title merupakan judul halaman. Judul halaman (html dasar) muncul di atas halaman itu sendiri (lihat gambar). Selain title masih banyak lagi yang bisa ditempatkan didalam head, yang akan dibahas pada bagian selanjutnya.

<body>...</body>
Apa yang kita tempatkan disini menghasilkan apa yang terlihat di browser.
Bila anda masih bingung dengan penjelasan diatas, jangan sungkan untuk bertanya entah via komentar atau email .....

Label:

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)