1. Memahami Dasar HTML
HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mengirim dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk “memperindah” file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut.
Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol kurung siku (<) dan (>). Pasangan dari sebuah tag penutup ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <p> adalah</p>.
2. Struktur Dasar Dokumen HTML
<!DOCTYPE html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<p>
Berisi teks, gambar, atau apapun yang akan ditampilkan pada dokumen Web.
</p>
</body>
</html>Berikut ini penjelasan dari dokumen HTML5 di atas :
- Sebuah dokumen HTML5 diawali dengan <!DOCTYPE HTML>.
- Tanda seperti <html> disebut tag. Sebuah tag seperti itu menyatakan sebuah elemen dalam dokumen html.
- Beberapa tag berpasangan. Sebagai contoh, <head> berpasangan dengan </head>.
- Namun, tidak semua tag berpasangan. Sebagai contoh, <br> tidak punya pasangan. Khusus untuk tag seperti ini, tidak ada keharusan untuk menyertakan tanda / sebelum >. Pada XHTML, tanda seperti / memang diharuskan untuk ditulis.
- Pasangan <html>..</html> menyatakan awal dokumen HTML.
- Di dalam <html>..</html> terdapat pasangan <head>..</head> dan <body>..</body>.
- Pasangan <head>..</head> menyatakan bagian judul dokumen HTML. Isinya paling tidak berupa pasangan <tittle>..</tittle>.
- Pasangan <body>..</body> menyatakan bagian tubuh dokumen.