WritingSkills.my.id - HTML tags adalah bagian sangat penting dari sebuah halaman web. Apa saja macam-macam HTML tags yang wajib diketahui...
WritingSkills.my.id - HTML tags adalah bagian sangat penting dari sebuah halaman web.
Apa saja macam-macam HTML tags yang wajib diketahui? Cek tutorial berikut!
Tag Paragraf (Paragraph)
Pada halaman web HTML, tag paragraf disimpan di dalam <body>.
- Denotasi: <p> & </p>
- Lokasi: Tag ini disimpan di dalam tag body.
- Penggunaan: Tag ini memungkinkan kamu membuat paragraf-paragraf baru.
- Visibilitas: Teks yang ditempatkan di dalam tag paragraf akan ditampilkan di halaman web utama.
Contoh penggunaan tag paragraph:
<!doctype html><html><head></head><body>Kami adalah keluarga hutan<p>Saya adalah hewan yangdisebut sebagai kelinci</p></body></html>
Memasukkan sebuah tag di dalam tag lainnya dinamakan Nesting.
Tag Break
Menuliskan kalimat di baris yang baru membuat tulisan menjadi simetris.
Tag break di HTML memungkinkan kamu untuk memulai kalimat dari sebuah baris yang baru.
- Denotasi: <br>
- Lokasi: Tag ini disimpan di dalam tag body.
- Penggunaan: Tag ini memungkinkan kamu memulai paragraf dari baris baru .
- Karakteristik Khusus: Tag HTML yang menutup sendiri (self-closing).
Self-closing tag memiliki ciri-ciri tersendiri, yaitu:
- Tag pembuka dan penutup disertakan dengan tag yang sama.
- Tidak semua tag bisa digunakan dengan cara itu.
- Bisa diidentifikasi dengan tanda garis miring sampai akhir tag.
Contoh penggunaan tag break:
<!doctype html><html><head></head><body><p>Saya disini untuk membantutag break.<br>Orang-orang di sini sangat serius.</p></body></html>
Untuk pemahaman yang lebih baik, cobalah menampilkan teks di atas tanpa menggunakan tag <br>. Hasilnya teks akan berada di dalam baris yang sama.
Tag Heading
Di dalam HTML, kita menggunakan heading untuk memprioritaskan bagian-bagian penting di dalam teks.
- Denotasi: <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5>, <h6></h6>
- Lokasi: Tag ini disimpan di dalam tag body.
- Penggunaan: <h1> sampai <h6> diurutkan berdasarkan prioritas dari yang paling penting sampai kurang penting.
- Visibilitas: Teks yang ditempatkan di dalam tag heading akan ditampilkan di halaman web utama.
Contoh penggunaan tag heading:
<!doctype html><html><head></head><body><h1>Halo di sana! Saya adalah Heading 1</h1><h2>Halo di sana! Saya adalah Heading 2</h2><h3>Halo di sana! Saya adalah Heading 3</h3><h4>Halo di sana! Saya adalah Heading 4</h4><h5>Halo di sana! Saya adalah Heading 5</h5><h6>Halo di sana! Saya adalah Heading 6</h6></body></html>
Tag Bold, Italics dan Underline
Ada tag yang berbeda -beda untuk digunakan dalam memformat isi dari halaman web.
Tag Bold (Tebal)
- Denotasi: <b> </b>
- Lokasi: Tag ini disimpan di dalam tag body.
- Penggunaan: Memungkinkan kamu untuk mengubah teks menjadi tebal yang menandakan teks tersebut penting.
Tag Italic (Miring)
- Denotasi: <i> </i>
- Lokasi: Tag ini disimpan di dalam tag body.
- Penggunaan: Memungkinkan kamu untuk mengubah huruf teks menjadi miring.
Tag Underlined (Garis Bawah)
- Denotasi: <u> </u>
- Lokasi: Tag ini disimpan di dalam tag body.
- Penggunaan: Memungkinkan kamu untuk mengubah huruf teks menjadi bergaris bawah.
Contoh Penggunaan Tag Bold, Italic dan Underline:
<!doctype html><html><head></head><body><p><b>Hai, apa kabar? Lihatlah saya TEBAL</b></p><p><i>Hai, apa kabar? Lihatlah saya MIRING</i></p><p><u>Hai, apa kabar? Lihatlah saya BERGARIS BAWAH</u></p></body></html>
COMMENTS