Anda di halaman 1dari 3

Format Penulisan HTML

Hypertext Markup Language merupakan standar bahasa yang digunakan untuk menampilkan
dokumen web. Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan
informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan
web. Pada kesempatan ini akan dipelajari bagaimana membuat dokumen HTML sederhana,
memformat tampilan pada dokumen HTML dan membuat list yang yang biasa kita gunakan
dalam formulir online.

Sebelum mengenal dan mempelajari lebih jauh tentang tag-tag HTML, disini sedikit akan kita
pahami dulu tentang struktur HTML dari sebuah halaman web.

Secara sederhana, struktur dokumen HTML dari sebuah halaman web kurang lebih seperti
dibawah ini:

Keterangan :

1. <!DOCTYPE html>
Mendefinisikan tipe dokumen ke HTML. Penulisan <!DOCTYPE html> selalu diletakkan
diposisi paling atas. Singkatnya, ini berfungsi untuk memberitahukan browser bahwa tipe
dokumen / halaman yang bersangkutan adalah HTML. Ini bertujuan agar web browser dapat
menterjemahkan / menampilkan halaman web secara benar. Ada beberapa tipe dokumen
web, agar browser dapat menterjemahkan dokumen dengan benar, browser harus tahu tipe
dan versi dari dokumen yang bersangkutan. Untuk <!DOCTYPE html> ini sendiri merupakan
deklarasi untuk HTML5.

@Sugiyanto.2020 – Hal.7
2. <html> dan</html>
Tag paling dasar (root) yang digunakan untuk membuat sebuah dokumen / halaman HTML.
3. <head> dan </head>
Ini adalah elemen HTML yang bertugas untuk memberikan informasi terkait hal-hal seputar
halaman bersangkutan. Bagian yang ada diantara tag <head> dan </head> ini tidak akan
ditampilkan pada layar browser.
4. <title> dan </title>
Ini adalah tag yang digunakan untuk mendefinisikan judul dokumen html. Pada suatu
halaman html, hanya ada satu tag <title/>, dan ini umumnya ditempatkan didalam
tag <head/>. Isi / text yang terdapat diantara tag title ini akan ditampilkan pada tab browser.
5. <body> dan </body>
Merupakan tubuh utama dari halaman web. Element-element yang terdapat diantara tag
inilah yang akan ditampilkan pada layar browser.

LATIHAN 1

1. Buat skrip sederhana seperti di bawah ini dan lihat hasilnya di browser

@Sugiyanto.2020 – Hal.8
TUGAS 1 :

1. Buat judul dokumen menjadi : Nama dan kelas


2. Buat informasi yang ditampilkan di browser menjadi : “Latihan membuat web sederhana”
3. Screenshot :
a. tampilan program di texteditor.
b. Tampilan preview di browser.
4. Jadikan kedua gambar jadi satu halaman dan upload pada tugas

@Sugiyanto.2020 – Hal.9

Anda mungkin juga menyukai