Haloo sobat mageran's!! Gimana nih hari hari nya, baik kan?? dalam kesempatan kali ini dan Mimin mau bahas dulu nih tentang HTML.
wahh cocok nih bagi sobat sekalian yang mau belajar dan baru mau mulai, materi kali ini cocok sekaki bagi pemula hingga pro dah dijamin.
HTML BAB 2: Untuk Pemula (Part 2
Daftar Isi
- Tag Heading
- Tag Paragraf
- Tag Gambar
- Tag Tautan
- Tag Daftar
Tag Heading
Tag heading digunakan untuk membuat judul atau subjudul pada halaman web. Tag heading terdiri dari enam level, yaitu dari <h1>
hingga <h6>
. Level <h1>
merupakan level heading tertinggi, sedangkan level <h6>
merupakan level heading terendah.
Contoh penggunaan tag heading:
<h1>Ini adalah judul level 1</h1>
<h2>Ini adalah judul level 2</h2>
<h3>Ini adalah judul level 3</h3>
<h4>Ini adalah judul level 4</h4>
<h5>Ini adalah judul level 5</h5>
<h6>Ini adalah judul level 6</h6>
Tag Paragraf
Tag paragraf digunakan untuk membuat paragraf teks pada halaman web. Tag paragraf ditulis menggunakan tag <p>
.
Contoh penggunaan tag paragraf:
<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>
Tag Gambar
Tag gambar digunakan untuk menampilkan gambar pada halaman web. Tag gambar ditulis menggunakan tag <img>
.
Contoh penggunaan tag gambar:
<img src="https://example.com/image.jpg" alt="Ini adalah gambar">
Atribut src
digunakan untuk menentukan lokasi gambar, sedangkan atribut alt
digunakan untuk menentukan teks alternatif yang akan ditampilkan jika gambar tidak dapat dimuat.
Tag Tautan
Tag tautan digunakan untuk membuat tautan ke halaman web lain. Tag tautan ditulis menggunakan tag <a>
.
Contoh penggunaan tag tautan:
<a href="https://example.com">Ini adalah tautan ke halaman web lain</a>
Atribut href
digunakan untuk menentukan lokasi halaman web yang akan dituju.
Tag Daftar
Tag daftar digunakan untuk membuat daftar berpoin atau bernomor pada halaman web. Tag daftar terdiri dari dua tag, yaitu tag <ul>
untuk membuat daftar berpoin dan tag <ol>
untuk membuat daftar bernomor.
Contoh penggunaan tag daftar:
<ul>
<li>Item daftar 1</li>
<li>Item daftar 2</li>
<li>Item daftar 3</li>
</ul>
<ol>
<li>Item daftar 1</li>
<li>Item daftar 2</li>
<li>Item daftar 3</li>
</ol>
Tag <li>
digunakan untuk membuat item daftar.
Kesimpulan
Dalam tutorial ini, Anda telah mempelajari tag heading, tag paragraf, tag gambar, tag tautan, dan tag daftar. Tag-tag ini merupakan tag dasar yang paling sering digunakan dalam HTML.
Untuk mempelajari lebih lanjut tentang HTML, Anda dapat mengunjungi situs web berikut:
- W3Schools HTML Tutorial: https://www.w3schools.com/html/
- Mozilla Developer Network HTML Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference