Tugas Akhir Lingkungan Bisnis

Belajar Mengenal HTML

A. Pengertian HTML

HTML (Hypertext Markup Languages) merupakan standar bahasa yang digunakan untuk menampilkan dolumen web. Dengan HTML kita dapat :

Mengontrol tampilan dari web page dan kontennya.
Mempublkasikan dokumen secara online sehingga bisa diakses dari seluruh dunia.
Membuat onlne form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online.
Menambahkan objek-objek seperti image, auido, video dan juga java applet dalam dokumen HTML

Elemen html merupakan istilah bagi komponen-komponen dasar pembentuk html. Beberapa contoh elemn adalah head, body, table, paragraf, list. Elemen dapat berupa teks murni,bukan teks, atau keduanya.

B. Tag HTML

.Tag digunakan untuk menentukan tampilan dari dokumen HTML. Setiap dokumen HTML diawali dan diakhiri dengan tag HTML. Contoh :

<html>

......

</html>

Penggunaan tag html diapit dengan dua karakter kurung bersudut < dan >. Tag html secara normal selalu berpasangan seperti <a> dan </a>

Tag pertama dalam suatu pasangan adalah tag awal dan yang kedua adalah tag akhir.
Nama elemen ditunjukkan dengan nama tag nya. Suatu elemen didalam dokumen html harus ditandai dengan penulisan tagnya yang berpasangan. ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, beberapa diantaranya yaitu :

Paragraf dengan tag
Ganti baris / line break dengan tag
Garis datar / horizontal rule dengan tag <hr>
List item dengan tag <li>

Dalam penulisan tag html tidak case sensitif. Jadi kita bisa gunakan <HTML> atau <html> dalam penulisannya. Bentuk dari tag html yaitu sebagai berikut.

<ELEMENT ATTRIBUTE = value>

Element = nama tag

Attribute = atribut dari tag

Value = nilai dari atribut

Contoh :

<BODY BGCOLOR=lavender>

BODY = Element

BGCOLOR = (background) merupakan atribut yang memiliki nilai lavender

Untuk memulai bekerja dengan HTML, kita dapat menggunakan notepad atau editor lainnya.

C. Struktur HTML

Struktur dalam dokumen html dapat dibagi menjadi 3 bagian utama, yaitu :

HTML

Setiap dokumen html harus diawali dan ditutup dengan tag html. Contoh :

<html>

.....

</html>

Fungsi dari tag html adalah untuk memberitahu browser bahwa yang didalam tag tersebut adalah dokumen html.

HEAD

Bagian header dalam dokumen html di apit oleh tag <head> </head>. Dalam bagian ini memuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser. Informasi yang dituliskan dalam elemen ini adalah judul dari dokumen. Judul ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag <title> dan diakhiri dengan tag </title>

BODY

Dokumen body digunakan untuk menampilkan text, image link dan semua yang akan ditampilkan dalam web page. Elemen body ditandai dengan tag <body> dan diakhiri dengan </body>. Bagian ini merupakan elemen terbesar dari suatu dokumen html. Elemen body berisi isi dokumen yang akan ditampilkan pada browser meliputi paragraf, grafik, link, tabel, dan sebagainya.

D. BASIC ELEMENT HTML

HTML
Merupakan tag dasar yang mendefinisikan bahwa dokumen ini merupakan dokumen html. Tag ini merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen html.
<html> di awal dokumen
</html> di akhir dokumen.

HEAD
Merupakan tag selanjutnya setelah tag <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.
<head> di awal setelah <html>
</head> di akhir section head

TITLE
Merupakan tag didalam head yang harus dituliskan untuk memberikan judul atau informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam browser.
<title> judul dokumen </title>

BODY
Merupakan section utama dalam dokumen web. Pada section ini semua isi dokumen yang akan ditampilkan dalam browser harus dituliskan.
<body> di awal setelah tag </head>
</body> di akhir diletakkan sebelum tag </html>

PARAGRAF
Informasi yang disajikan dalam dokumen harus mengikuti kaidah-kaidah penulisan. Setiap paragraf harus dimulai dengan memberi tag , diakhir paragraf tidak diharuskan menuliskan sebagai akhir paragraf. Setiap pergantian pararaf harus dimulai dengan kembali.
Contoh dokumen html sederhana :