HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya 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.
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. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: TAMPIL TEBAL. Tanda digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut.
Editor HTML:
1.Note Pad
Merupakan aplikasi yang diguankan untuk membuat web sederhana. Not Pad digunakan membuat kode html untuk membuat halaman web, yang disimpan dalam bentuk" .html",sehingga, tercptalah sebuah web sederhana.
2. Macromedia Dreamweaver
Merupakan aplikasi yang digunakan untuk membuat web yang sangat menarik. berbeda dari Not Pad yang hanya digunakan untuk membuat suatu web sederhana, dalam aplikasi ini sudah terdapat berbagai hal yang diperlukan dalam pembuatan suatu web. Dreamweaver memiliki 3 lembar kerja yang berbeda, yaitu:
a. Desain ( hanya menampilkan halaman web yang dibuat,tanpa menampilkan kodenya)
b. Split ( menampilkan lembar kerja desain dan kode html-nya)
c. Code ( menampilkan lembar kerja yang berupa kode html-nya saja)
Browser HTML:
Struktur umum HTML
* Langkah-langkah membuat dokumen HTML dengan editor notepad dan cara penyimpanannya
1. Bukalah aplikasi notepad.
Caranya dengan mengklik start>all programs>Accessories>Notepad
2. Ketiklah program yang akan anda buat (pengembangan dari struktur umum HTML di atas)
Sebagai contoh :
<title> <br />Sulitnya Wanita Dimengerti<br /> </title>
Seorang lelaki tanpa sengaja menemukan sebuah lampu ajaib dan menggosoknya. Dari dalamnya, keluarlah seorang jin yang memberinya sebuah permintaan. Laki-laki ini berfikir keras. "Aku sangat ingin pergi ke HAwaii, tapi aku takut terbang dan selalu mabuk laut. BAgaimana kalau aku kminta agar kau membuatkanku jembatan ke sana sehingga aku bisa pergi dengan mobil.""Jembatan ke Hawaii?! Apa kau bercanda? Bagaimana aku bisa mendapat penyangga yang dapat sampai ke dasar samudera?
Terlalu banyak beton!" Lelaki ini akhirnya meminta agar ia dapat mengerti wanita. "Aku ingin tahu bagaimana sebenarnya perasaan mereka ketika mereka membisu.., tahu mengapa mereka menangis.., tahu apa yang mereka inginkan ketika mereka tidak memberitahu aku apa yang sebenarnya mereka inginkan... aku ingin tahu apa yang membuat mereka benar-benar bahagia." Si jin diam sejenak dan akhirnya berkata "Kau mau jembatan itu berjalur dua atau empat?"
3. Simpanlah program tersebut.(Save as type: all files)
Misal : simpan dengan nama Latihan.html
4. Bukalah browser yang anda inginkan
Misal : Bukalah internet explorer dengan cara mengklik start>all programs>internet eksploer
5. Klik File>Open>Browse.Carilah file Latihan.html tersebut, kemudian klik.
6. Pada layar akan tampak tampilan hasil dari program yang telah anda buat.
* Contoh-contoh tag
Tag adalah suatu tanda suatu proses dimulai dan berakhir. Pada contoh dokumen di atas, terdapat beberapa contoh penggunaan tag. Diantaranya adalah:
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.
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. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: TAMPIL TEBAL. Tanda digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut.
Editor HTML:
1.Note Pad
Merupakan aplikasi yang diguankan untuk membuat web sederhana. Not Pad digunakan membuat kode html untuk membuat halaman web, yang disimpan dalam bentuk" .html",sehingga, tercptalah sebuah web sederhana.
2. Macromedia Dreamweaver
Merupakan aplikasi yang digunakan untuk membuat web yang sangat menarik. berbeda dari Not Pad yang hanya digunakan untuk membuat suatu web sederhana, dalam aplikasi ini sudah terdapat berbagai hal yang diperlukan dalam pembuatan suatu web. Dreamweaver memiliki 3 lembar kerja yang berbeda, yaitu:
a. Desain ( hanya menampilkan halaman web yang dibuat,tanpa menampilkan kodenya)
b. Split ( menampilkan lembar kerja desain dan kode html-nya)
c. Code ( menampilkan lembar kerja yang berupa kode html-nya saja)
Browser HTML:
- Mozila Firefox
- Internet Explorer
- Opera
Struktur umum HTML
* Langkah-langkah membuat dokumen HTML dengan editor notepad dan cara penyimpanannya
1. Bukalah aplikasi notepad.
Caranya dengan mengklik start>all programs>Accessories>Notepad
2. Ketiklah program yang akan anda buat (pengembangan dari struktur umum HTML di atas)
Sebagai contoh :
<title> <br />Sulitnya Wanita Dimengerti<br /> </title>
Seorang lelaki tanpa sengaja menemukan sebuah lampu ajaib dan menggosoknya. Dari dalamnya, keluarlah seorang jin yang memberinya sebuah permintaan. Laki-laki ini berfikir keras. "Aku sangat ingin pergi ke HAwaii, tapi aku takut terbang dan selalu mabuk laut. BAgaimana kalau aku kminta agar kau membuatkanku jembatan ke sana sehingga aku bisa pergi dengan mobil.""Jembatan ke Hawaii?! Apa kau bercanda? Bagaimana aku bisa mendapat penyangga yang dapat sampai ke dasar samudera?
Terlalu banyak beton!" Lelaki ini akhirnya meminta agar ia dapat mengerti wanita. "Aku ingin tahu bagaimana sebenarnya perasaan mereka ketika mereka membisu.., tahu mengapa mereka menangis.., tahu apa yang mereka inginkan ketika mereka tidak memberitahu aku apa yang sebenarnya mereka inginkan... aku ingin tahu apa yang membuat mereka benar-benar bahagia." Si jin diam sejenak dan akhirnya berkata "Kau mau jembatan itu berjalur dua atau empat?"
3. Simpanlah program tersebut.(Save as type: all files)
Misal : simpan dengan nama Latihan.html
4. Bukalah browser yang anda inginkan
Misal : Bukalah internet explorer dengan cara mengklik start>all programs>internet eksploer
5. Klik File>Open>Browse.Carilah file Latihan.html tersebut, kemudian klik.
6. Pada layar akan tampak tampilan hasil dari program yang telah anda buat.
* Contoh-contoh tag
Tag adalah suatu tanda suatu proses dimulai dan berakhir. Pada contoh dokumen di atas, terdapat beberapa contoh penggunaan tag. Diantaranya adalah:
| <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 |
| <b> | Membuat teks tebal |
| <body> | Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link |
| <br> | Pindah baris |
| <caption> | Membuat caption pada tabel |
| <center> | Untuk perataan tengah terhadap teks atau gambar |
| <font> | Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks |
| <h1> ... <h7> | Ukuran font |
| <head> | Mendefinisikan head document. |
| <hr> | Membuat garis horizontal |
| <html> | Bararti dokumen html |
| <i> | Membuat teks miring |
| <img> | Image, imagemap atau an animation |
| <marquee> | Membuat scrolling teks (teks berjalan) - hanya pada MS IE |
| <p> | Ganti paragraf |
| <table> | Membuat tabel |
| <td> | Kolom pada tabel |
| <title> | Mendefinisikan title |
| <tr> | Baris pada tabel |
| <u> | Membuat teks bergaris bawah |
