Blog Jagoan Hosting
SEARCH FOR:
HOME WEB DEVELOPMENT BASIC PROGRAMMING TAG HTML: KUMPULAN CONTOH DAN FUNGSINYA
B
BASIC PROGRAMMING
Tag HTML: Kumpulan Contoh dan Fungsinya
BY
JAGOAN HOSTING TEAM
APRIL 27, 2024
tag html
Di awal perkembangannya, hanya HTML cuma punya 18 tag. Namun, sekarang sudah ada sekitar 250 tag HTML. Banyak banget, ya.
Terus, apa harus hafal semua tag? Tenang, Sob. Kamu tidak harus menghafal semua tag yang ada.
Meskipun begitu, ada beberapa tag yang sebaiknya kamu hafalkan saat belajar HTML. Yuk, simak apa saja.
Sekilas tentang Tag HTML
Contoh Tag HTML
1. Tag Dasar HTML
2. Tag Formatting
3. HTML Image Tag
4. HTML Link Tag
5. HTML Tag List
6. Tag Form dan Input
7. Tag Table HTML
8. Tag Media
9. Tag Meta
10. Tag Style dan Programming
11. Tag Umum
Contoh Penggunaan Tag HTML
1. Penggunaan Tag Dasar
2. Penggunaan Tag Judul
3. Penggunaan Tag Style
4. Penggunaan Tag Formatting
5. Penggunaan HTML Video Tag
6. Penggunaan HTML Font Color Tag
7. Penggunaan Date Time HTML Tag
8. Penggunaan HTML Meta Title Tag
FAQ
Bagaimana cara menulis HTML yang benar?
Apa itu atribut dalam HTML?
Apa perbedaan dari tag HTML dengan elemen HTML?
Sekilas tentang Tag HTML
Mengutip dari Semrush Blog, tag HTML adalah instruksi sederhana yang berfungsi memberitahukan web browser mengenai format teks.
Tag sendiri merupakan penanda awalan dan akhiran suatu elemen di HTML. Penulisan tag dilakukan menggunakan kurung sudut (< … >). Kemudian, pada bagian dalamnya terdapat nama tag dan atribut.
Sebagai bagian dari elemen HTML, tag HTML membantu browser untuk mengkonversi dokumen HTML ke halaman web.
HTML memegang peran penting sebagai penentu struktur website. Biasanya, pengembang web menggunakan HTML bersamaan dengan teknologi lain seperti CSS dan JavaScript supaya web tampil bagus dan interaktif.
Jadi, HTML bisa diibaratkan sebagai rangka dari suatu website. Sementara CSS berfungsi sebagai interior dan eksterior. Di samping itu, ada JavaScript yang berperan menambahkan berbagai fungsi pendukung.
Oleh karena itu, mengenali berbagai tag HTML umum termasuk langkah penting bagi kamu yang sedang mempelajari cara menerapkan kode HTML.
Contoh Tag HTML
Sebelum membahas contoh-contohnya, perlu diperhatikan bahwa tag HTML itu beda dari elemen, ya, Sob.
Di awal sudah disinggung bahwa tag merupakan penanda awalan dan akhiran elemen HTML. Sedangkan HTML terdiri dari elemen yang isinya meliputi tag pembuka, karakter, konten, dan tag penutup.
Beberapa elemen bersifat kosong, artinya tidak memiliki tag penutup. Namun, elemen kosong memiliki sumber konten yang perlu kamu sisipkan ke dalam halaman. Nah, mari langsung saja kita simak kumpulan tag HTML lengkap dengan fungsinya:
1. Tag Dasar HTML
Jenis tag dasar termasuk fundamental dalam pengembangan web. Jadi, kamu wajib menghafalkannya, ya, Sob. Berikut daftar tag dasar HTML dan fungsinya:
berfungsi untuk mendefinisikan jenis dokumen.
berfungsi sebagai tag pembuka dalam membuat dokumen HTML.
memuat informasi meta tentang dokumen, seperti judul.
berfungsi untuk menetapkan judul dari halaman web.</p><p><body> mendefinisikan body atau isi dari halaman web dan berisikan seluruh konten yang ditampilkan halaman web.</p><p><h1> sampai <h6> merupakan jenis tag heading yang berfungsi untuk membuat heading pada halaman.</p><p><p> berfungsi untuk mendefinisikan paragraf.</p><p><br> berfungsi untuk menetapkan line break (jeda baris dalam teks).</p><p><hr> berfungsi untuk membuat garis horizontal pada halaman, biasanya untuk memisahkan konten.</p><p><!–…–> merupakan HTML comment tag yang berfungsi untuk menuliskan komentar pada dokumen HTML.</p><p>2. Tag Formatting</p><p>Jenis tag ini memungkinkan kamu untuk bisa mengatur format teks tanpa menggunakan CSS. Jadi, dengan tag formatting kamu bisa mengatur tampilan teks dan berbagai konten lain pada halaman web.</p><p><br></p><p>Berikut contoh dari tag formatting yang umum digunakan:</p><p><br></p><p><b> berfungsi untuk membuat teks bold (tebal).</p><p><strong> dipakai untuk mendefinisikan teks penting yang memerlukan penekanan.</p><p><i> fungsinya untuk membuat teks italic (miring).</p><p><em> berfungsi untuk memberikan penekanan pada teks. Biasanya, menghasilkan teks italic seperti tag i.</p><p><u> berfungsi untuk menggaris bawahi teks.</p><p><sup> berfungsi untuk membuat teks sebagai superscript (di atas garis dasar).</p><p><sub> berfungsi untuk membuat teks sebagai subscript (di bawah garis dasar).</p><p><pre> mendefinisikan teks pre-formatted, menghasilkan teks dengan tampilan font monospace.</p><p><small> berfungsi untuk membuat teks yang lebih kecil.</p><p><abbr> mendefinisikan suatu singkatan dengan menyediakan atribut ‘title’ yang menjelaskan kepanjangan dari singkatan tersebut.</p><p><blockquote> berfungsi untuk menampilkan kutipan panjang dari sumber lain, biasanya beserta indentasi.</p><p><q> fungsinya untuk membuat kutipan pendek teks.</p><p><kbd> berfungsi untuk menampilkan input keyboard.</p><p><mark> fungsi tag HTML adalah untuk membuat highlight pada teks tertentu.</p><p><ins> mendefinisikan kata yang telah disisipkan ke dalam dokumen. Tag ini akan menampilkan kata tersebut dengan garis bawah.</p><p><del> fungsinya untuk menampilkan teks yang sudah dihapus dari halaman web</p><p><code> tag ini menampilkan teks sebagai kode komputer.</p><p><cite> berfungsi untuk menandai judul suatu karya, seperti buku atau jurnal.</p>
Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H
