Setelah kita mengetahui apa itu HTML, selanjutnya adalah menulis file HTML dan menjalankannya di browser. Sebelum memulai membuat website, saya akan mencontohkan dasar penulisan HTML agar mudah dimengerti. Untuk menulis kode HTML dapat menggunakan text editor seperti notepad, notepad++, sublime, atom, dll. Tetapi untuk kali ini, tidak perlu menginstall text editor karena cukup belajar menggunakan notepad.

Membuka Text Editor Notepad

Buka text editor notepad dan buat halaman baru, apabila kamu menggunakan text editor lain juga bisa.

Tuliskan kode berikut ini di text editor.

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>Contoh Judul</h1>

    <p>paragraf pertama disini</p>

    </body>
    </html>

Simpan File HTML

Simpan file yang telah dibuat dengan nama “latihan.html” dan Save as Type “all files”.

simpan-file-html

Lihat Halaman HTML di browser

Buka file HTML yang telah dibuat dengan melakukan klik 2x pada file yang telah disimpan. Kemudian file HTML akan terbuka di browser seperti tampilan berikut ini.

tampilan-file-html

Struktur HTML yang dibahas masih sederhana yang perlu diketahui oleh pemula sebelum lanjut ke pembahasan selanjutnya tentang membuat website yang utuh. Setelah ini pelajari mengenai tag-tag html yang lain dan cara penggunaannya.

NOTE
Tag <html>

Ini adalah tag pembuka dari seluruh halaman web dan semua kode harus berada dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>

Tag <head>

Pada elemen tag <head> berisi definisi halaman seperti <title>, kode css, javascript dan kode lain yang tidak ditampilkan oleh browser. Saya akan coba contohkan penggunaan tag <title> mari edit kode html tadi menjadi seperti ini.

    <!DOCTYPE html>
    <html>
    <head>
        <title>Latihan HTML</title>
    </head>
    <body>
    
    <h1>Contoh Judul</h1>

    <p>paragraf pertama disini</p>

    </body>
    </html>

dan hasilnya muncul nama judul halaman di browser menjadi seperti dibawah ini.

tampilan-file-html

Tag <body>

Tag ini berisi semua elemen yang akan ditampilkan oleh web browser seperti paragraf, gambar, tabel, link, dll. Tag ini dimulai dengan <body> dan diakhiri dengan </body>

Itulah pelajaran mengenai cara penulisan kode HTML dasar. Selanjutnya akan membahas lagi mengenai tag-tag HTML dasar lainnya.