Pengenalan Dasar HTML - Bagi pen-desain web, pasti sudah sangat mengerti tentang istilah HTML baik secara teoritis maupun praktis. Bagaimana bagi kita yang baru akan belajar tentang bahasa HTML maupun yang akan mendalaminya?, Mari kita pelajari artikel kali ini tentang Dasar Pengenalan Bahasa HTML yang ditulis oleh Eko Kurniawan Khannedy.
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.
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>
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 elemen- elemen :
<HEAD> yang berikan informasi tentang dokumen tersebut, seperti judul dokumen astau hubungannya dengan dokumen lain.
<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.
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://www.unikom.ac.id/>WebSite UNIKOM </a>
Desain HTML
Untuk mempermudah pemahaman diberikan contoh dalam bentuk file HTML
<html> <head>
<title>Modul Pengantar Ilmu Komputer</title> </head>
<body>
<h1>Klasifikasi dan Kegunaan Komputer</h1>
Komputer berasal dari kata <i>to compute</i> yaitu menghitung.Jadi pada awalnya komputer hanya digunakan sebagai alat hitung, namun perbedaan yang mendasar dengan kalkulator adalah bahwa komputer mempunyai perkembangan zaman, komputer digunakan manusia untuk memproses pemecahan masalah.
<hr>
Untuk lebih jelas tentang kegunaan komputer, komputer dibagi dalam beberapa klasifikasi, yaitu :
<h5> <ol>
<li><a href="jenis_data.html">Berdasarkan Jenis Data Yang Diolah </a> </li>
<li><a href="kemampuan.html">Berdasarkan Kemampuan Komputer </a> </li>
<li><a href="ukuran_fisik.html>Berdasarkan Ukuran Fisik</a></li>
<li><a href="bidang_masalah.html> Berdasarkan Bidang Masalah </a> </li>
</ol>
</h5> </body> </html>
Untuk menampilkan hasilnya, kita buka internet explorer dan buka file html tersebut
Penjelasan dari elemen dan tag html yang digunakan untuk program diatas :
1. Perintah HTML digunakan sebagai awalan untuk suatu dokumen html.
2. Perintah HEAD digunakan untuk menunjukkan bagian judul dokumen. Sifatnya opsional (boleh ditulis/tidak)
3. Perintah TITLE digunakan untuk memberikan judul pada masing-masing dokumen.Judul ini akan ditampilkan dibagian atas web browser.
4. Perintah BODY menunjukkan bagian isi dari dokumen html tersebut.
5. Perintah H1 digunakan untuk penetapan besar huruf (heading). Apabila angka yang menyertai huruf H semakin besar, maka huruf semakin kecil.
6. Perintah HR digunakan untuk membuat garis
7. Perintah OL digunakan untuk membuat daftar. LI untuk isi daftar.
8. Perintah A HREF digunakan untuk membuat link.
0 komentar:
Komentar baru tidak diizinkan.