Pengertian HTML
HTML adalah bahasa markup yang umum digunakan. Kepopuleran HTML disebakan karena HTML ini mudah digunakan. Pembuatan dokument WEB dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen WEB dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman WEB baik berupa teks, gambar, suara, animasi maupun video.
HTML merupakan singkatan dari Hypertex Markup Language. HTML digunakan untuk membangun halaman WEB. Sekalipun banyak orang menyebutnya sebagai bahasa pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman, hal ini terlihat dari namanya, HTML adalah suatu bahasa Markup. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks.
Software yang diperlukan dalam membuat website static:
a. Editor :
- Notepad
- PHP
- Dreamweaver
b. Browser :
- Internet explorer
- Mozila
- Opera
Struktur Umum HTML :
<html>
<head>
</head>
<body>
</body>
</html>
Langkah-langkah untuk membuat HTML dengan NotePad :
1. Buat lebih dulu tag berikut dalam Notepad.
<html>
<head>
</head>
<body>
</body>
</html>
2. Tiap dokumen HTML membutuhkan sebuah judul. Tulis judul tersebut di antara <head> dan </head> dengan diapit <title> dan </title> :
<head>
<title> HTML saya </title>
</head>
3. Jika tadi disimpan maka yang akan muncul hanyalah sebuah halaman putih. Untuk mengisi suatu tulisan coba buat tulisan diantara <body> dan </body> :
<body>
Belajar HTML
</body>
4. Halaman web yang putih tersebut akan bertuliskan "Belajar HTML". Setelah itu, kita akan mencoba mengganti warna background kita dengan mengedit bagian <body>, misalnya :
<body bgcolor="green"> (untuk warna hijau)
atau
<body bgcolor="blue"> (untuk warna biru)
5. Setelah itu simpan hasilnya :
1. File
2. Save as
3. Pilih tempat penyimpanan, lalu
4. Ketik nama diakhiri dengan extensi “.html”
5. Lalu pilih file typenya yaitu all files
6. OK
Selain menggunakan tag tadi, kita juga bisa menambahkan tag lainnya seperti berikut :
1. Tag <body> dan diakhiri dengan </body>
2. Tag <html> dan diakhiri dengan </html>
3. Tag <title> dan diakhiri dengan </title>
4. Tag <head> dan diakhuiri dengan </head>
5. Tag <img src="lokasi/gambar.jpg">
6. Tag <marquee> dan diakhiri dengan </marquee>
7. Tag <frameset> </frameset>
8. Tag <table> dan diakhiri </table>
9. Tag <form> diakhiri </form>
10. Tag <bgcolor="white">
11. Tag <background="lokasi/gambar.jpg">
12. Tag <a href="url"> nama yang akan ditampilkan, diakhiri </a>
13. Tag <td> diakhiri dengan </td>
14. Tag <tr> diakhiri dengan </tr>
15. Tag <pre> diakhiri dengan </pre>
16. Tag <ol> diakhiri dengan </ol>
17. Tag <ul> diakhiri dengan </ul>
