Belajar HTML 03: HTML Dasar

No Comments

Halaman HTML
  • <!DOCTYPE> deklarasi tipe untuk mengawali pengkodean halaman HTML.
  • <html> Untuk mengawali penulisan kode HTML.
  • </html> Untuk mengakhiri penulisan kode HTML.
  • <body> dan </body> Di antra kode <body> adalah bagian kode yang akan dinampakkan.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>


Heading HTML
HTML menyediakan 6 Heading, tag <h1> sampai <h2>
Contoh Heading HTML
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>


Paragraf HTML
HTML menyediakan tag <p> untuk menulis sebuah paragraf.
Contoh Paragraf HTML
<p>This is a paragraph.</p>
<p>This is another paragraph.</p> 


Link HTML
HTML menyediakan tag <a> untuk membuat ‘link’. Bisa dicoba sendiri untuk lebih pahamnya.
Contoh Link HTML
<a href="http://www.w3schools.com">This is a link</a> 

Atribut ‘href’ adalah tujuan link.
Atribut digunakan untuk memberikan keterangan tambahan tentang elemen HTML.

Image HTML
HTML menyediakan tag <img> untuk menyisipkan sebuah gambar.
Contoh Image HTML
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142"> 

  • ‘src’ singkatan dari ‘Source file’, tempat gambar yang ditampilkan.
  • ‘alt’ singkatan dari ‘Alternative text’, keterangan jika gambar tidak muncul.
  • ‘width’ ukuran panjang gambar.
  • ‘height’ ukuran tinggi gambar.

Pembahasan ‘Atribut’ akan kita bahas nanti.

back to top