Semua dokumen html dimulai dengan mendeklarasikan tag dokumen, tag dokumen itu sendiri dimulai dari <! DOCTYPE html>, tag dokumen ini wajib hukumnya jika kita akan membuat suatu dokumen HTML.
Dengan membuat tag <! DOCTYPE html> kita telah memberi tahu browser bahwa halaman yang kita buat berisi dokumen HTML. Sedangkan dokumen HTML itu sendiri dimulai dengan <html> dan di akhiri dengan </html>.
Bagaian yang terlihat dari dokumen HTML adalah terletak pada <body> dan diakhiri pada </body>
Contoh Dokumen HTML
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
Titel Halaman
</title>
</head>
<body>
<h1>Belajar HTML</h1>
<p>Belajar HTML sangat menyenangkan</p>
</body>
</html>
Heading Tags
Heading banyak digunakan dalam pembuatan judul, di HTML sendiri telah disiapkan beberapa bentuk ukuran judul diantaranya yaitu:
<h1>, <h2>,<h3>, <h4>, <h5>, dan <h6>
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
Heading Tags
</title>
</head>
<body>
<h1>Contoh Heading Tags 1</h1>
<h2>Contoh Heading Tags 2</h2>
<h3>Contoh Heading Tags 3</h3>
<h4>Contoh Heading Tags 4</h4>
<h5>Contoh Heading Tags 5</h5>
<h6>Contoh Heading Tags 6</h6>
</body>
</html>
Hasilnya akan menjadi seperti ini:
HTML Paragraf
Pada suatu dokumen HTML suatu paragraf dibuat dengan menggunakan tag <p>, untuk membuat suatu paragraf text harus berada di dalam <p> dan diakhiri dengan </p>
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML Paragraf
</title>
</head>
<body>
<p>Ini adalah paragraf awal</p>
<p>Ini adalah paragraf isi</p>
<p>Ini adalah paragraf akhir</p>
</body>
</html>
Hasilnya akan menjadi seperti ini:
HTML Images
HTML Images bertujuan untuk menampilkan gambar pada suatu halaman web, untuk menampilkan gambar pada halaman web kita dapat menggunakan tag <img>.
Ada beberapa propertis yang harus diketahui pada tag ini yaitu: src,alt,width dan height
src adalah sumber file gambar yang akan di tampilkan
alt adalah text deskripsi pada suatu gambar
width dan height adalah ukuran pada suatu gambar
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML Images
</title>
</head>
<body>
<p> Gambar HTML </p>
<img src="html.jpg" alt="Gambar HTML" height="120" width="200"></img>
</body>
</html>
Hasilnya akan menjadi seperti ini:
HTML Link
Sebuah situs web tidak lengkap tanpa adanya link, link itu sendiri berfungsi untuk menampilkan halaman ke halaman yang lain.
Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML Images
</title>
</head>
<body>
<a href="url"></a>
</body>
</html>
Nonbreaking Spaces
Nonbreaking Spaces adalah ruang untuk memisahkan antara satu kata dengan kata lain, nonbreaking bisa juga disebut sebagai pengganti spasi, contohnya "saya sedang belajar HTML" jarak mulai dari kata saya sampai sedang kita tahu itu adalah spasi, pada dokumen HTML kita tidak bisa membuat spasi lebih dari 2 spasi melalui inputan dari keyboard.
contohnya "saya sedang" saya menggunakan 2 spasi pada kata saya dan sedang. jadi yang harus kita gunakan apabila kita akan membuat lebih dari satu spasi adalah dengan menambahkan skrip .
Script HTML
<!DOCTYPE html>
<html>
<head>
<title>
Nonbreaking spasi
</title>
</head>
<body>
<p>Berikut Contoh menggunakan nonbreaking spasi saya belajar</p>
</body>
</html>
Hasilnya akan menjadi seperti ini:
Shared
Shared
Shared
Shared
