Saturday 25 February 2012

Tutorial HTML (Hyper Text Markup Language) Dasar

Pengertian HTML dasar
HTML (Hyper Text Markup Languange) dasar adalah  bahasa pengkodeaan untuk
menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web.
HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan
kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan
pada sebuah web browser.


 anda juga bza download tutorial tersebut klik  tutorial untuk download.


 Program Editor HTML
Untuk membuat aplikasi web, dalam hal ini menggunakan HTML , maka kita
membutuhkan  suatu editor guna mengetikkan,mengedit atau  menyimpan dokumen-
dokumen HTML. Editor untuk memdesain suatu web dibagi 2 yaitu yang bersifat text
murni dan yang WYSIWYG (Graphic) Editor  untuk text, anatara lain Notepad dan
Ultra Edit. Sedang editor WYSIWYG adalah Netscape dan Front Page.


Struktur Dasar HTML
Seperti umumnya dokumen lain, dokumen HTML terdiri dari teks-teks dan bahkan
lebih dari dari itu. Dokumen HTML juga dapat mengandung suatu gambar, suara,
ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumen-
dokumen lainnya adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen
dan tag HTML berfungsi untuk menformat atau menandai suatu bagian tertentu dari
dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen
HTML. Elemen dan Tag inilah yang merupakan ciri utama dari suatu dokumen
HTML. Secara garis besar, untuk menulisakn sebuah dokumen HTML dibutuhkan
kerangka penulisan dengan tag-tag dasar sebagai berikut HTML, HEAD,TITLE dan
BODY. 
Sebagai contoh berikut ini adalah penulisan HTML minimal yang menggunakan tag-
tag dasar tersebut



<HTML>
<HEAD>
<TITLE> Judul dokumen </TITLE>
</HEAD>
<BODY>
   data-data yang akan di tampilkan
</BODY>
</HTML>

TAG FUNGSI
HTML  Untuk penenda bahwa dokumen yang dibuat adalah dokumen web
HEAD  Untuk bagian judul, boleh ada atau tidak
TITLE  Judul untuk masing-masing halaman, ditampilkan diatas browser
BODY  Informasi yang ingin dimunculkan diletakkan di bagian ini

0 comments:

Post a Comment