Definisi HTML
HTML (Hyper Text Markup Languange) 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.
Untuk membuat aplikasi web, dalam hal ini menggunakan HTML , maka kita
membutuhkan suatu editor guna mengetikkan,mengedit atau menyimpan dokumendokumen
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 dokumendokumen
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 tagtag
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
Elemen dan Tag HTML
Dua komponen utama pembentuk dokumen HTML adalah Elemen dan Tag Dengan
adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik
Elemen
Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemenelemen
<HEAD> yang berikan informasi tentang dokumen tersebut, seperti judul
dokumen astau hubungannya dengan dokumen lain. Elemen-elemen <BODY> yang
menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf,
list (daftra), tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta
teks yang ada dalam tag-tag tersebut.
Tag
Pada saat web browser menampilkan suatu web page, browser tersebut akan membaca
teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut tag. Tag
diapit oleh tanda <>. Tag biasanya merupakan pasangan, yang disebut tag awal dan
tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> sedang tag akhir
dinyatakan dalam bentuk </nama tag>.
Format umum suatu tag berpasangan adalah :
<nama tag> Teks yang akan ditampilkan </nama tag>
Catatan :
- HTML tidak membedakan penulisan huruf besar dan huruf kecil pada penulisan elemen maupun tag. Penulisan <i> dan <I> dianggap sama, campuran antara huruf besar dan kecil pun tidak berpengaruh <i>text</I>
- Tidak semua tag didukung oleh semua browser. Jika suatu browser tidak mengenali suatu tag tertentu, browser tersebut akan mengabaikan tag yang tidak dikenalnya dan menuliskan isi di dalam tag tersebut sebagai teks biasa.
Sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I
(italic), seperti contoh di bawah ini:
<i> Teks ini akan tercetak miring bila dilihat di browser </i>
Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan
tag berikutnya tidak saling tumpang tindih.
Penulisan tag yang tumpang tindih : Penulisan tag yang benar :
<tag1> <tag1>
teks tag1 teks tag 1
<tag2> <tag2>
teks tag 2 teks tag 2
</tag1> </tag2>
</tag2> </tag1>
sehingga web page yang dihasilkan akan terlihat lain dari yang diinginkan.
Tidak semua tag mengikuti aturan seperti diatas, terdapat beberapa macam bentuk tag
yang dikenal oleh HTML, di mana umumnya tag-tag dalam HTML muncul dalam
bentuk seperti berikut :
<nama tag>teks</nama tag>
<nama tag>
<nama tag atribut1=argumen atribut2=argumen dst>
<nama tag antribut=argumen>teks</nama tag>
0 komentar:
Posting Komentar