Belajar HTML Part 1
Belajar HTML Part 1
1.1
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.
1.2
Program Editor HTML
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.
1.3
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
1.4
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
1.4.1
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.
1.4.2 Tag
1.4.2 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 hurufbesar 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>
teks tag1
<tag2>
teks tag 2
</tag1>
</tag2>
|
<tag1>
teks
tag1
<tag2>
teks
tag 2
</tag2>
</tag1>
|
Kemungkinan kesalahan yang
terjadi adalah lupa memberi tag awal atau tag akhir 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>
Sebagai contoh :
<Title> Home Page Irawan
</Title>
<BR>
<HR Width=10 color=”red”>
<A
Href=http://ilmukampusti.blogspot.com/>Blog
Anak Kampus</a>
Untuk
artikel Belajar HTML part 2 insya Allah akan saya share minggu depan sesuai
ilmu yang saya dapat di kampus dan refisi dari mbah google :)
HALAMAN SELANJUTNYA:
0 Response to "Belajar HTML Part 1"
Post a Comment