Pengertian HTML
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).
Software yang diperlukan dalam membuat website static:
a. Editor :
- Dreamweaver
- PHP
- Notepad
- Frontpage
b. Browser :
- Internet explorer
- ie
- 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> Ini Dunia HTML-ku </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="purple"> (untuk warna ungu)
5. Setelah itu simpan hasilnya dengan cara :
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 :
- 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>
- <a href> = Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<center> = Untuk perataan tengah terhadap teks atau gambar
<font> = Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<h1>..........<h6> = Ukuran font
<hr> = Membuat garis horizontal
<p> = Ganti paragraf
<table> = Membuat tabel
<b> = Membuat teks tebal
<i> = Membuat teks miring
<u> = Membuat teks bergaris bawah
<marquee> = Membuat scrolling teks (teks berjalan)
<html> = Bararti dokumen html
<body> = Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<title> = Mendefinisikan title
<head> = Mendefinisikan head document.
