Belajar HTML Part 2: Pengertian Tag, Attribute, Element

Daftar Isi Konten [Tampil]
Belajar Pemrograman HTML Part 2: Pengertian Tag, Attribute, Element - Setelah menentukan text editor untuk mempermudah kamu menuliskan kode HTML, sekarang kita akan mulai untuk membahas tentang penggunaan struktur dasar dalam HTML. Mungkin kamu pernah mendengar istilah yang namanya tag, attribute atau element? Jika kamu belum pernah mendengar istilah itu, pastikan kamu untuk membaca penjelasan ketiga isitilah tersebut pada artikel postingan kali ini.

tutorial belajar html


Memanglah tag, attribute maupun element mempunyai peran yang sangat penting dalam membangun suatu website, walaupun itu hanya suatu website yang sederhana. Silakan kamu simak penjelasan dibawah ini supaya kamu lebih mudah memahami apa itu pengertian tag, attribute dan element:

Tag


Penggunaan struktur dasar dari suatu dokumen minimal mempunyai tag di dalamnya. Tag di dalam dokumen HTML mempunyai tujuan untuk memberitahu browser bagaimana supaya teks di dalamnya harus ditampilkan.

Kebanyakan tag-tag dalam penulisan HTML ditulis secara berpasang-pasang maksudnya ada pembuka ada penutupnya, dan penutupnya menggunakan ‘/’ semisal contoh tag ditutup dengan menggunakan . disini dinamakan tag pembuka dan merupakan tag penutup. supaya kamu lebih mudah untuk memahami fungsi dari tag ini mari kita coba untuk membuat kode HTML sederhana seperti dibawah ini :

<!DOCTYPE html>
<html>
 <body>
 Belajar HTML untuk Pemula bersama Belajar Pemrograman
 </body>
</html>

Setelah kamu mengcopas kode diatas dan di tempelkan pada sublime text kamu kemudian kamu save dengan menggunakan ekstensi .html, maka tampilannya akan seperti ini :

belajar dasar html

Seperti yang kamu lihat pada gambar diatas bahwa hanya menampilkan teks “Belajar HTML untuk Pemula bersama Be;ajar Pemrograman” yang muncul di jendela browser kamu. Jadi, hanya teks yang berada diantara tag <body> dan </body> yang akan ditampilkan di jendela browser.

Catatan :
Perlu dicatat bahwa tidak semua tag pada HTML memiliki pasangan, contohnya tag <br>, tag yang berfungsi untuk membuat baris baru.
Mungkin anda juga pernah melihat tag <br /> dan bertanya-tanya apa bedanya dengan tag <br>. Tag tersebut adalah salah satu bentuk kode HTML dalam bahasa markup yang lainnya yang sering disebut dengan istilah kode XML. Meskipun begitu, penggunakan tag <br> dan <br /> masih dianggap sah pada HTML5 (Saya sangat merekomendasikan untuk kamu menggunakan tag <br> saja untuk membuat baris baru).


Attribute


Suatu Tag biasanya juga mengandung unsur atribut (attribute), yaitu merupakan sebuah informasi tambahan yang diletakkan pada tag pembuka, contohnya sebagai berikut <p class=”pembukaan”>…………</p>. Perlu dimengerti bahwa setiap nama dan nilai pada setiap atribut memiliki fungsi yang berbeda-beda.


Element


Semua kode yang terdapat pada tag pembuka sampai dengan tag penutup disebut dengan element. Contohnya begini, semua yang berada pada tag <body> dan </body> itu dinamakan element body sedangkan <body> dan </body> merupakan tag, bukan termasuk element.
Contoh yang lainnya supaya kamu mengerti, <title>Belajar Pemrograman</title> itu merupakan element title. Supaya lebih jelasnya kamu dapat melihat dari gambar dibawah ini untuk lebih mudah membedakan antara tag, attribute dan element :


perbedaan tag, attribute, element
perbedaan tag, attribute, element


Mungkin itu yang bisa penulis sampaikan mengenai penjelasan dari tag, attribute dan element. Dengan adanya artikel ini, semoga kamu bisa membedakan ketiga istilah tersebut. Untuk tutorial selanjutnya, kita akan membahas mengenai penggunaan tag title dan deklarasi Doctype pada dokumen kode HTML.

0 Comments

Posting Komentar

1. Berkomentarlah dengan sopan dan santun
2. komentar selalu dimoderasi
3. boleh meninggalkan link aktif dengan catatan berkomentar sesuai
dengan topik yang dibahas
4. semua komentar negatif seperti hoax, menyinggung, sara, pornografi, politik, dan hal negatif lain akan dihapus