Apa itu HTML?
HTML singkatan dari
Hyper Text Markup Language. HTML bukan bahasa pemrograman, melainkan bahasa markup, sebuah bahasa markup adalah seperangkat tag markup. HTML menggunakan tag markup untuk menjelaskan halaman web. Dengan HTML Anda bisa membuat situs Web Anda sendiri.
Dokumen HTML / Halaman Web
Dokumen HTML atau juga disebut halaman web akan menjelaskan halaman web yang berisi tag HTML dan teks biasa. Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman tersebut. Dokumen HTML adalah file teks murni yang dapat dibuat dengan teks editor yang dikenal sebagai halaman web. Untuk menyimpan file HTML kita dapat menggunakan ekstensi file ".htm" atau ".html" tidak ada perbedaan. Sebagai contohnya :
index.html
Ada dua cara membuat sebuah halaman web yaitu dengan menggunakan :
- HTML editor (Dreamweaver, Visual Studio, Fireworks, dll)
- Notepad (teks editor biasa)
Catatan : nama dokumen pada beberapa sistem operasi bersifat case sensitive artinya nama dokumen yang sama tapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya dokumen.html akan berbeda dengan DOKUMEN.html
|
Elemen HTML
Dokumen HTML disusun oleh elemen-elemen yang merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Sebagai contoh : head, body, table, paragraf, dan list. Sebuah elemen HTML dimulai dengan tag awal sampai tag akhir. Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. Elemen html berarti dokumen ini adalah dokumen HTML, dalam dokumen hanya ada satu elemen html. Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf, dan elemen lainnya. Berikut pola dasar dokumen HTML Sebagai berikut :
<html>
<head>
... informasi tentang dokumen HTML
<head>
<body>
... informasi yang ditampilkan dalam web browser web
</body>
</html>
catatan : Setiap dokumen html harus diawali dengan tag <html>, dan diakhiri dengan tag </html>. Section elemen head ditandai dengan tag <head> diawal, dan tag </head> diakhir. Section elemen body ditandai dengan tag <body> diawal, dan tag </body> diakhir.
|
Tag HTML
Untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan sebuah tag html yang terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kiri (>, tanda lebih besar). Umumnya tag berpasangan misalnya <h1>dengan</h1>. Ada beberapa elemen tag yang tidak diharuskan berpasangan, contohnya :
- paragraf dengan tag <p>
- ganti baris-line break dengan tag <br>
- garis datar-horizontal rule dengan tag <hr>
- list item dengan tag <li>
Tapi untuk tag-tag yang tidak mengharuskan pasangannya, sebaiknya dituliskan! mengapa? Karena dampak kedepan adalah untuk mengantisipasi standar rekomendasi HTML generasi mendatang. Jadi pada saat kita misalnya menyusun paragraf dengan tag <p> selalu diakhiri dengan </p>.
| Catatan : penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tapi untuk mengantisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan mengggunakan huruf kecil semua. |
Atribut HTML
Elemen HTML memiliki atribut yang dapat memberikan informasi tambahan tentang elemen tersebut. Atribut selalu ditentukan dalam tag awal dan memiliki pasangan nama / nilai seperti : nama = "nilai".
Secara umum tag dengan atributnya adalah sebagai berikut :
<namatag atr1="nilai-atr1" atr2="nilai-atr2" ...> ...</namatag>
Sebagai contoh :
<a href="http://www.google.com/">ini adalah link</a>
<body bgcolor="red">
<table border="1" cellpadding="5" width="250" height="500">
Nilai atribut harus selalu tertutup dalam tanda kutip. Mengutip gaya ganda adalah yang paling umum, tetapi kutipan gaya tunggal juga diperbolehkan.
| Catatan : Atribut nama dan nilai atribut bersifat case-insensitive. Jadi sebaiknya memakai atribut huruf kecil / nilai atribut dalam HTML karena direkomendasikan World Wide Web Consortium (W3C), XHTML, HTML5. |
Contoh HTML
Salin teks dibawah ini ke dalam notepad kemudian simpan dengan nama :
contoh.html
<html>
<head>
<title>
Website Saya
</title>
</head>
<body>
<h1>Selamat datang di website pertamaku</h1>
<hr>
<p>Hello World</p>
</body>
</html> |
Klik 2X contoh.html jalankan menggunakan browser web Anda seperti Internet Explorer atau Firefox dan hasilnya akan tampak seperti gambar berikut :
| Catatan : untuk latihan atau mencoba materi pada tulisan ini sebaiknya menggunakan notepad karena ini merupakan cara terbaik untuk belajar HTML apalagi bagi yang masih pemula , hal ini juga dimaksudkan agar Anda memahami dan terbiasa secara primitif membuat dokumen web. |
