HTML dapat dibuat melalui aplikasi apa saja, dan yang paling umum menggunakan notepad atau notepad++.
Untuk membuka notepad pada OS Microsoft Windows®, klik start menu, kemudian All Programs, kemudian Accessories, dan pilih atau klik "notepad". Format dasar html adalah:
<html>
<head> <title> </title></head>
<body>
</body>
</html>
setelah selesai mengetikkan tag-tag diatas, simpanlah (save as) file tersebut dengan tipe "all files", dan nama file diakhiri dengan ".html".Adapun Format "minimal" tag HTML adalah:
<html>
<body>
</body>
</html>
Fokus kita pada pelajaran ini adalah cara menggunakan tags pada "<body>".. Berikut ini adalah daftar tags yang akan dipelajari dan fungsinya
<p> : Untuk memulai paragraf baru (dan pada akhir paragraf "</p>")
Contoh:
<html>
<body>
<p> Tuliskan Paragraf di sini. </p>
</body>
</html><br> : untuk memotong (break) kalimat, sehingga kalimat berikutnya ada dibawah kalimat sebelumnya dalam paragraf yang sama
Contoh:
<html>
<body>
Tulis kalimat 1 di sini.<br> Tulis kalimat 2 disini.<br> Tulis kalimat 3 disini.<br> dst....
</body>
</html><hr> : untuk memberi garis lurus di atas kalimat atau paragraf yang diberi tag ini (ditutup dengan "</hr>")
Contoh:
<html>
<body>
<hr> Tulis kalimat atau paragraf di sini </hr>
</body>
</html><body bgcolor="...."> : untuk membuat halaman web menjadi warna tertentu. Gantilah titik-titik di antara tanda kutip("") dengan nama warna yang diinginkan Dalam Bahasa Inggris atau Hexa Code :)
Contoh:
<html>
<body bgcolor="yellow">
Tulis kalimat atau paragraf di sini
</body>
</html>
(Halaman situs web akan berubah menjadi warna kuning)<b>, <i>, <u> : untuk huruf tebal, miring, dan garis bawah pada kata atau kalimat yang diberi tag ini (ditutup dengan "</b>, </i>, </u>").
Contoh:
<html>
<body>
<b> Kalimat dengan huruf tebal </b> <i> Kalimat dengan huruf miring </i> <u> Kalimat dengan garis bawah </u>
</body>
</html>
