Desain web, seperti industri atau profesi apa pun, memiliki bahasa tersendiri. Ketika Anda memasuki industri dan mulai berbicara kepada rekan-rekan Anda, Anda pasti akan mengalami kebingungan istilah dan frase yang baru bagi Anda, tetapi yang mengalir dari lidah sesama profesional web Anda. Dua istilah yang akan Anda dengar adalah "tag" dan "elemen" HTML.
Ketika Anda mendengar dua istilah ini diucapkan, Anda mungkin menyadari bahwa keduanya digunakan secara bergantian. Dengan demikian, satu pertanyaan yang banyak dimiliki oleh profesional web baru ketika mereka mulai bekerja dengan kode HTML adalah "apa perbedaan antara tag HTML dan elemen HTML?"
Meskipun kedua istilah ini mirip dalam artinya, keduanya tidak benar-benar sinonim. Jadi apa persamaannya dengan kedua istilah ini? Jawaban singkatnya adalah bahwa baik tag dan elemen mengacu pada markup yang digunakan untuk menulis HTML. Misalnya, Anda mungkin mengatakan bahwa Anda menggunakan
tag untuk menentukan paragraf atau elemen untuk membuat tautan. Banyak orang menggunakan tag dan elemen secara bergantian, dan setiap perancang web atau pengembang yang Anda ajak bicara akan memahami apa yang Anda maksud, tetapi kenyataannya adalah bahwa ada sedikit perbedaan antara kedua istilah tersebut.
Tag HTML
HTML adalah bahasa markup, yang berarti bahwa itu ditulis dengan kode yang dapat dibaca oleh seseorang tanpa perlu dikompilasi terlebih dahulu. Dengan kata lain, teks pada halaman web "ditandai" dengan kode-kode ini untuk memberikan instruksi browser web tentang cara menampilkan teks. Tag markup ini adalah tag HTML itu sendiri.
Ketika Anda menulis HTML, Anda sedang menulis tag HTML. Semua tag HTML terdiri dari sejumlah bagian tertentu, termasuk:
- Tanda kurang dari
<
- Sebuah kata atau karakter yang menentukan tag mana yang sedang ditulis
- Sejumlah atribut HTML opsional dalam bentuk a
name = "value" pasangan
- Dan akhirnya lebih besar dari tanda
>
Misalnya, berikut beberapa tag HTML:
Ini semua adalah tag pembuka HTML, tanpa atribut opsional apa pun yang ditambahkan padanya. Tag-tag ini mewakili:
-
- mendefinisikan satu paragraf
-
- mendefinisikan halaman sebagai HTML
-
- mendefinisikan pembagian
Berikut ini juga tag HTML:
-
-
- Itu
- adalah daftar tidak berurutan yang menyertakan atribut ID
- Pembagian memiliki atribut kelas
- Elemen anchor, atau tautan, menyertakan atribut "href"
- Tag gambar dengan atribut "src"
Contoh-contoh ini semua termasuk atribut yang telah ditambahkan ke tag HTML pembuka.
Untuk anchor dan tag gambar, atribut sebenarnya tidak opsional, mereka diperlukan agar tag tersebut ditampilkan dengan benar. Anda harus memberi tahu tautan ke mana harus pergi (yang merupakan apa yang "href" lakukan) dan gambar apa yang harus ditunjukkan (yang merupakan atribut "src" sediakan).
Apa itu Elemen HTML?
Menurut spesifikasi HTML W3C, sebuah elemen adalah blok bangunan dasar dari HTML dan biasanya terdiri dari dua tag : tag pembuka dan tag penutup. Sejauh ini kami hanya melihat tag pembuka, yang memulai elemen. Untuk mengakhiri elemen itu, Anda menulis tag penutup yang sesuai.
Misalnya, untuk elemen paragraf Anda menulis ini:
Ini terdiri dari tag pembuka yang kami lihat beberapa saat yang lalu serta tag penutup - Hampir semua elemen HTML memiliki tag pembuka dan tag penutup. Tag ini mengelilingi teks yang akan ditampilkan di halaman web. Misalnya, untuk menulis paragraf teks, Anda menulis teks untuk ditampilkan di halaman dan kemudian mengelilinginya dengan tag berikut: Di sinilah Anda akan menulis teks paragraf yang ingin Anda tampilkan di halaman web. Beberapa elemen HTML tidak memiliki tag penutup. Ini disebut "elemen kosong." Kadang-kadang, mereka juga disebut sebagai elemen "tunggal" atau "hampa". Elemen kosong mudah digunakan karena Anda hanya perlu memasukkan satu tag di halaman web Anda dan browser akan tahu apa yang harus dilakukan. Misalnya, untuk menambahkan satu baris ke halaman Anda, Anda akan menggunakan Elemen umum lainnya yang hanya menyertakan tag pembuka adalah elemen "gambar". Sebagai contoh: Kami melihat contoh ini sebelumnya, tetapi tidak ada tag penutup untuk elemen gambar ini. Browser hanya akan mengganti kode ini dengan gambar yang direferensikan dalam atribut "href". Dalam hal ini, itu adalah "logo.png." Secara umum, ketika kita merujuk ke elemen HTML atau tag, kita akan menggunakan "elemen" untuk menunjukkan bahwa kita mengacu pada semua bagian elemen (baik tag pembuka dan penutup). Kami hanya menggunakan "tag" saat merujuk hanya satu atau yang lain. Ini adalah penggunaan yang tepat dari kedua istilah ini, dan kami mendorong Anda untuk menggunakannya dengan benar - tetapi ketahuilah bahwa jika Anda menyelipkan dan menukarnya sedikit, Anda masih akan dipahami oleh rekan pengembang web baru Anda!
menandai.
