Tag Dasar HTML

HTML Pertama

Buka salah satu text editor yang biasa digunakan, bisa menggunakan Notepad, Notepad++ atau text editor apapun yang biasa digunakan.

Hello World

Ketik kode html berikut pada text editor

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar HTML #01</title>
    </head>
    <body>
        <p>Hello World!</p>
    </body>
</html>
Text Editor – Notepad++

Kode di atas dapat disimpan dengan menggunakan ekstensi html, simpan dengan nama index.html

Simpan file dengan ekstensi html
Tampilan file yang telah disimpan

Icon file berekstensi html akan bergantung pada browser default yang digunakan. Buka file tadi dengan menggunakan browser yang biasa digunakan. Browser akan menampilkan tulisan Hello World!.

Tampilan html yang telah kita buat

Penjelasan Kode

  1. <!DOCTYPE html> adalah deklarasi pada dokumen HTML5 yang berfungsi untuk memberikan informasi kepada web browser tentang versi dokumen HTML yang bersangkutan. Dalam hal ini, <!DOCTYPE html> menginformasikan bahwa versi dokumen HTML adalah HTML5 (versi terakhir saat ini).
  2. <html> : tag html selalu digunakan untuk membuka dan menutup dokumen html
  3. <header> : tag yang biasanya ditulis setelah pembukaan tag html, biasanya digunakan untuk menambahkan tag meta data dan judul dari suatu dokumen html. Biasanya juga digunakan untuk mendeklarasikan style dan script pada dokumen tersebut. Bagian ini tidak akan di tampilkan pada content / isi dari halaman web
  4. <title> : tag yang digunakan untuk menampilkan judul dari halaman web yang ada pada bagian atas browser
  5. <body> : tag ini digunakan untuk menampilkan isi dari halaman web
  6. <p> : tag paragraf digunakan untuk menandai satu blok paragraf.

Leave a Reply

Your email address will not be published. Required fields are marked *