[2] HTML - Struktur Dasar HTML

Dua Jendela Sunday, October 03, 2021

HTML disimpan dalam ekstensi.html, jika di dalamnya tidak mengandung skrip PHP. Tapi jika ada skrip PHP maka esktensinya menjadi .php

Berikut adalah struktur HTML :

<!DOCTYPE HTML>

<html>

<head>

<title>Dua Jendela </title>

</head>

<body>

Website ini adalah website milik DUA JENDELA

</body>

</html>

PENJELASAN masing-masing struktur :

<!DOCTYPE HTML>, adalah tag awal dari setiap dokumen HTML yang berfungsi untuk menginfokan ke browser bahwa dokumen yang dibuka adalah dokumen HTML. Tag ini wajib dicantumkan pada setiap awal penulisan HTML.
<html>, adalah tag yang menunjukan tag pembuka dan tag penutup dokumen HTML.
<head> .....</head>, adalah tag yang digunakan untuk menyimpan berbagai informasi tentang HTML. (apa yang terdapat di tag ini, tidak akan ditampilkan di browser).
<title> ... </title>, tag yang digunakan untuk membuat judul website, yang akan muncul pada title bar browser. contoh : Title : [2] HTLM - Struktur Dasar HTML.

<body> ... </body>, tag yang menunjukan bagian utama website. Semua yang ditulis pada tag ini, akan ditampilkan pada browser. Contog dari skrip di atas, maka akan tampil sebagai berikut di browser :

Pastikan sudah menginstal XAMPP, lalu aktifkan Apache dan MySQL (klik button start), maka akan tampil seperti ini

Buka text editor, bisa notepad, sublime text dan lainnya, (buat file baru) lalu ketikan skrip HTML seperti di atas ,seperti ini :

Save file baru dengan nama latihan.html , (letakan file pada xampp--htdocs--folder--file
Setelah itu buka browser dari xampp dengan klik di button admin (apache) atau bisa langsung ke browser mengetikan localhost/latihan.html
Maka hasilnya sebagai berikut :