-->
› ›
[Belajar HTML #3] Dasar HTML - Dokumen HTML - Judul HTML - Paragraf HTML - Tautan HTML

[Belajar HTML #3] Dasar HTML - Dokumen HTML - Judul HTML - Paragraf HTML - Tautan HTML

By October 07, 2019 0 Komen

Dasar-dasar HTML

Jangan khawatir jika contoh ini menggunakan tag yang belum Anda pelajari.

Anda akan belajar tentang mereka di bab-bab selanjutnya.

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>.

Judul HTML

Judul HTML didefinisikan dengan tag <h1> to <h6>.

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

<!DOCTYPE html>
<html>
<body>

<h1>Ini heading 1</h1>
<h2>Ini heading 2</h2>
<h3>Ini heading 3</h3>
<h4>Ini heading 4</h4>
<h5>Ini heading 5</h5>
<h6>Ini heading 6</h6>

</body>
</html>

Coba Sendiri

Paragraf HTML

Paragraf HTML didefinisikan dengan <p> tag:

<p>Ini adalah paragraf</p>
<p>Ini adalah paragraf lain</p>
Coba Sendiri

Tautan HTML (Link)

Tautan HTML didefinisikan dengan tag <a>:

<a href="https://www.sulivanproject.com">Ini adalah link</a>
Coba Sendiri

Tujuan tautan ditentukan dalam atribut href.

Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.

Anda akan belajar lebih banyak tentang atribut di bab selanjutnya.

Gambar HTML

Gambar HTML didefinisikan dengan tag <img>.

File sumber ( src), teks alternatif ( alt) width dan height disediakan sebagai atribut:

<img src="adsense.png" alt="www.google.com/adsense/" width="250" height="142">
Coba Sendiri

Tombol HTML

Tombol HTML didefinisikan dengan <button> tag:

<button>Click me</button>

Daftar/List HTML

Daftar HTML didefinisikan dengan tag (daftar <ul> tidak berurutan / peluru) atau <ol> (daftar dipesan / bernomor), diikuti oleh <li> tag (daftar item):

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Coba Sendiri
  • Coffee
  • Tea
  • Milk
  1. Coffee
  2. Tea
  3. Milk

Berlangganan update artikel terbaru via email:

0 Response to "[Belajar HTML #3] Dasar HTML - Dokumen HTML - Judul HTML - Paragraf HTML - Tautan HTML"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel