Contoh HTML Dasar

Pada bab ini kami akan menunjukkan beberapa contoh HTML dasar.

Jangan khawatir jika kami menggunakan tag yang belum Anda pelajari.

Dokumen HTML

Semua dokumen HTML harus dimulai dengan deklarasi tipe dokumen:

<! DOCTYPE html>

Dokumen HTML itu sendiri dimulai dengan
<html> dan diakhiri dengan </html>

Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </body>.
Contoh

 

<! DOCTYPE html>

<html>

<body>


<h1> Heading Pertama Saya </h1>

<p> Paragraf pertama saya. </p>


</ Body>

</html>

Deklarasi <! DOCTYPE>

Deklarasi <! DOCTYPE> mewakili tipe dokumen, dan membantu browser menampilkan halaman web dengan benar.

Ini hanya boleh muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun).

Deklarasi <! DOCTYPE> tidak peka huruf besar-kecil.

Deklarasi <! DOCTYPE> untuk HTML5 adalah:

 
<! DOCTYPE html>

Judul HTML

Judul HTML ditentukan dengan tag <h1> hingga <h6>.

<h1> mendefinisikan tajuk paling penting. <h6> mendefinisikan tajuk yang paling tidak penting:
Contoh

 

 <h1> Ini adalah heading 1 </h1>

 <h2> Ini adalah heading 2 </h2>

 <h3> Ini adalah heading 3 </h3>

Paragraf HTML

Paragraf HTML ditentukan dengan <p> tag:
Contoh

 

 <p> Ini adalah paragraf. </p>

 <p> Ini adalah paragraf lain. </p>

Tautan HTML

Tautan HTML ditentukan dengan tag <a>

Tujuan tautan ditentukan dalam atribut href.

Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.
Contoh


  <a href="https://www.7kmeter.blogspot.com">Ini adalah tautan</a>

Anda akan mempelajari lebih lanjut tentang atribut di bab selanjutnya.

Gambar HTML

Gambar HTML ditentukan dengan tag <img>.

File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut:
Contoh

 
<img src = "7kilometer.jpg" alt = "7kmeter.blogspot.com" width = "104" height = "142">

Bagaimana Cara Melihat Sumber HTML?

Pernahkah Anda melihat halaman Web dan bertanya-tanya "Hei! Bagaimana mereka melakukannya?"

Cara melihat Kode Sumber HTML:

Klik kanan di halaman HTML dan pilih "Lihat Sumber Halaman" (di Chrome) atau "Lihat Sumber" (di Edge), atau serupa di browser lain. Ini akan membuka jendela yang berisi kode sumber HTML halaman.
Periksa Elemen HTML:

Klik kanan pada elemen (atau area kosong), dan pilih "Inspect" atau "Inspect Element" untuk melihat elemen apa saja yang dibuat (Anda akan melihat HTML dan CSS). Anda juga dapat mengedit HTML atau CSS dengan cepat di panel Elemen atau Gaya yang terbuka.

Referensi: w3school

7 KILOMETER

HTML DASAR