Pengertian
HTML atau HyperText Markup Language adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman website dan menampilkan berbagai informasi yang terdapat dalam sebuah browser internet. HTML bermula dari sebuah bahasa yang sebelumnya banyak digunakan pada dunia penerbitan dan percetakan yang disebut dengan SGML atau Standard Generalized Markup Language). HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan oleh penggunanya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
Tag-Tag
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda “/”).
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
<HTML> Sebagai tanda awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
<BODY> Sebagai isi dari sebuah halaman website. Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
<HTML> Sebagai tanda awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
<BODY> Sebagai isi dari sebuah halaman website. Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
Tag-tag lainnya
HTML code
|
Keterangan
|
<!– –>
| Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser |
<a href>
| Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut |
<a name>
| Membuat nama bagian yang didefinisikan pada link pada halaman yang sama |
<applet>
| Sebagai awal dari Java applets |
<area>
| Mendefinisikan daerah yang dapat diklik (link) pada image map |
<b>
| Membuat teks tebal |
<basefont>
| Membuat atribut teks default seperti jenis, ukuran dan warna font |
<bgsound>
| Memberi (suara latar) background sound pada halaman web |
<big>
| Memperbesar ukuran teks sebesar satu point dari defaultnya |
<blink>
| Membuat teks berkedip |
<br>
| Pindah baris |
<caption>
| Membuat caption pada tabel |
<center>
| Untuk perataan tengah terhadap teks atau gambar |
<comment>
| Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser |
<dd>
| Indents teks |
<div>
| Represents different sections of text. |
<embed>
| Menambahkan sound or file avi ke halaman web |
<fn>
| Seperti tag <a name> |
<font>
| Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks |
<form>
| Mendefinisikan input form |
<frame>
| Mendefinisikan frame |
<frameset>
| Mendefinisikan attribut halaman yang akan menggunakan frame |
<h1>…<h6>
| Ukuran font |
<hr>
| Membuat garis horizontal |
<html>
| Bararti dokumen html |
<i>
| Membuat teks miring |
<img>
| Image, imagemap atau an animation |
<input>
| Mendefinisikan input field pada form |
<li>
| Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> ) |
<map>
| Mendefinisikan client-side map |
<marquee>
| Membuat scrolling teks (teks berjalan) |
<nobr>
| Mencegah ganti baris pada teks atau images |
<noframes>
| Jika browser user tidak mendukung frame |
<ol>
| Mendefinisikan awal dan akhir list |
<p>
| Ganti paragraf |
<pre>
| Membuat teks dengan ukuran huruf yg sama |
<script>
| Mendefinisikan awal script |
<table>
| Membuat tabel |
<td>
| Kolom pada tabel |
<tr>
| Baris pada tabel |
<u>
| Membuat teks bergaris bawah |
Tutorial Cara Menampilkan Di Web
Contohnya seperti ini
<!DOCTYPE html>
<head>
<title></title>
</head>
<body>
</body>
</html>
![](data:image/svg+xml;charset=utf-8,<svg height="363px" width="604px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="193px" width="310px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="190px" width="297px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="263px" width="604px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="138px" width="408px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="365px" width="604px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="364px" width="604px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="251px" width="604px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="361px" width="604px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="456px" width="562px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
