Tag, elemen, dan atribut adalah tiga bagian penting dari HTML. Bagi Anda yang baru belajar HTML, wajib untuk mengetahui tiga hal ini Show Apa itu Tag? Apa itu Elemen? Apa itu Atribut? Dan apa perbedaan antara Tag, Elemen, dan Atribut? Mari berdiskusi… Apa itu Tag?Tag adalah penanda awalan dan akhiran dari suatu elemen dalam HTML. Tag dibuat dengan tanda kurung siku ( _5), kemudian di dalamnya berisi nama tag tersebut dan terkadang juga ditambahkan dengan atributContoh. 6, 7, 8, 9, dan seterusnyaTag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutup. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring ( 0) di depan nama tagSetiap tag memiliki fungsinya masing-masing. Ada yang digunakan untuk membuat judul, membuat link, membuat paragraf, heading, dll Ingat sejarah HTML? Di masa lalu. Awalnya HTML hanya memiliki 18 tag. Sekarang HTML memiliki sekitar 250 tag Wow. banyak ya Apakah kita harus menghafal semua tag ini? Jawabannya Anda tidak harus, Anda hanya tidak bisa menghafalnya. Hanya tahu tag dasar Berikut adalah daftar tag dasar, yang menurut saya harus Anda ingat Fungsi Tag 1 untuk memulai dokumen HTML 9 untuk membuat bagian kepala 8 untuk membuat bagian isi 4 hingga 5 untuk membuat judul pada artikel 6 untuk membuat paragraf 7 untuk membuat komentarKami telah mencoba beberapa tag ini di tutorial pertama dan beberapa belum Bikin santai aja. Nanti saya juga akan memperkenalkan tag lain yang umum digunakan dalam pengembangan web Untuk saat ini, pahami saja. Apa itu tag dan bagaimana menulisnya Cara Menulis Tag HTML yang BenarBeberapa orang sering melakukan kesalahan dalam penulisan tag. Ada yang lupa ditutup, ada yang salah ketik nama, dan sejenisnya Berikut beberapa saran yang harus diikuti untuk menulis tag dengan benar 1. Tag wajibAda beberapa tag yang harus ada dalam HTML. Anda harus menulis tag ini. jika tidak, bisa jadi kode HTML Anda akan error menurut validator W3C Berikut ini adalah daftar tag yang harus ada dalam HTML
2. Gunakan Huruf KecilHindari penggunaan huruf kapital dalam penulisan nama tag dan sebaiknya gunakan huruf kecil saja Huruf kecil lebih mudah diketik dan juga akan membuat kode HTML terlihat lebih bersih dan rapi Contoh. (bagus)
Contoh. (buruk)
Namun khusus untuk tag _8. itu ditulis dengan huruf kapital. Bahkan bisa juga dengan huruf kecil dan akan valid menurut validator W3CNamun untuk dokumen XHTML, menggunakan 4 dengan huruf kecil akan mengakibatkan error3. Pastikan untuk Menutup Tag dengan BenarTag HTML nantinya akan ditulis secara bertumpuk. Artinya, di dalam tag tersebut ada tag lain. Terkadang kita sering salah dalam menutup tag yang bertumpuk tersebut. Akibatnya, kode HTML kami tidak valid Tapi tenang. Saya punya resepnya agar mudah diingat Jika Anda mengerti maksud dari lelucon di atas, maka baguslah. Saya tidak perlu menjelaskan lagi Namun jika Anda belum mengerti, berikut penjelasannya Tag yang dibuat pertama harus ditutup terakhir. Tidak ditutup dulu Contoh
Tag 5 ditutup paling akhir, karena ditulis paling awal. Kemudian tag _6 ditutup terlebih dahulu karena berada di dalam tag 7 dan 5Apa itu Elemen?Elemen dalam HTML adalah komponen yang menyusun dokumen HTML. Elemen terkadang juga disebut sebagai node, karena merupakan salah satu jenis node yang mengatur dokumen HTML dalam diagram pohon HTML. Pohon HTML (sumber. w3schools. com)Dalam diagram, ada tiga jenis node. yaitu. Node Elemen, Node atribut, dan Node teks Elemen terdiri dari tag pembuka, tag konten, dan tag penutup. Terkadang beberapa atribut juga ditambahkan Contoh Pada contoh di atas terdapat elemen 6 dengan atribut 0 dan memiliki isi teks yaitu 1Elemen tidak selalu berisi teks, terkadang juga berisi elemen lain. Kami biasanya menyebutnya elemen bersarang atau elemen di dalam elemen Jika digambarkan dalam bentuk kotak persegi, maka akan terlihat seperti ini Ada banyak jenis elemen HTML. Ada elemen khusus untuk teks, ada elemen untuk multimedia, skrip, tabel, metadata, dll. Nanti kita akan mempelajarinya secara bertahap. Anda dapat membaca semua jenis elemen HTML di sini. Referensi elemen HTML Beberapa elemen HTML terkadang ditambahkan atribut sebagai pelengkap Apa itu Atribut?Atribut adalah kata-kata khusus yang ada di dalam tag pembuka. Atribut juga disebut sebagai pengubah yang akan menentukan perilaku elemen Atribut dapat ditambahkan ke elemen apa pun. Ada juga elemen yang membutuhkan penggunaan atribut seperti elemen 7, 3, 4, dll.Contoh
Tag _7 adalah tag untuk membuat link. Tag ini memerlukan penambahan atribut 6 untuk menentukan halaman tujuan dari tautanJumlah atribut pada suatu elemen bisa lebih dari satu Contoh
Atribut _7 adalah atribut khusus untuk tag 3 yang fungsinya untuk menentukan gambar yang akan ditampilkan. Kemudian atribut 9 dan 0 merupakan atribut yang mengatur ukuranJenis Atribut HTMLSetiap elemen terkadang memiliki atribut khusus yang hanya dapat digunakan pada elemen tersebut. Ada juga atribut yang bersifat global dan dapat ditambahkan ke semua elemen Berikut adalah jenis-jenis atribut yang harus diketahui 1. Atribut GlobalAtribut global adalah atribut yang dapat ditambahkan ke semua elemen HTML Berikut ini adalah daftar atribut global dan fungsinya Name AttributeDescription or function 1Menentukan tombol shortcut untuk mengaktifkan atau fokus pada elemen 2Menentukan kelas CSS yang akan digunakan 3Menentukan konten elemen dapat diedit atau tidak 4Digunakan untuk menyimpan data 5Menentukan arah teks dari elemen_Menentukan__c___4 apakah elemen dapat diseret atau tidak 7Untuk menyembunyikan elemen unik 8Menentukan elemen 9Menentukan bahasa yang digunakan untuk konten elemen 0Menentukan apakah konten elemen harus dieja secara tata bahasa atau tidak 1Menentukan inline CSS untuk elemen _2Menentukan tab atau indeks elemen ditekan) 3Menentukan informasi tambahan tentang elemen 4Menentukan apakah konten elemen dapat diterjemahkan atau tidak2. Atribut acaraAtribut event adalah atribut yang digunakan untuk menentukan tindakan yang akan dilakukan ketika terjadi sesuatu pada elemen tersebut. Atribut ini nantinya akan banyak digunakan dalam pemrograman Javascript Berikut ini adalah daftar atribut event ketika sesuatu terjadi di jendela browser Nama atributValueFunction. Menjalankan script 5kode javascriptsetelah dokumen dicetak 6kode javascriptsebelum dokumen dicetak 7kode javascriptsebelum saat dokumen tidak ter-load 8kode javascriptsaat terjadi error 9kode javascriptsaat terjadi perubahan pada bagian anchor di URL 0kode javascriptsetelah loading selesai 1kode javascriptsaat ada pesan 2kode javascriptsaat tiba-tiba offline 3kode javascriptsaat tiba-tiba online 4kode javascriptsaat user tidak sedang membuka halaman web 5kode javascriptsaat pengguna membuka kembali halaman web _6 kode javascript saat riwayat browser berubah 7 kode javascript saat ukuran jendela browser berubah 8 kode javascript saat area penyimpanan (Penyimpanan Web) diperbarui 9 kode javascript saat browser web ditutupSelain atribut tersebut, masih banyak atribut event lainnya. Anda dapat melihat semuanya di. Atribut Acara HTML 3. Atribut SpesifikAtribut khusus adalah atribut yang hanya dapat digunakan pada elemen tertentu dan terkadang atribut tersebut tidak dapat digunakan pada elemen lainnya Contoh 7 1, 2, 3, 3, dll 6 7, 7 8 9 0 1, 4Cara Menulis Atribut yang TepatMenulis atribut sebenarnya mudah. kita tinggal menambahkannya pada tag pembuka dengan format seperti ini
Namun, ada beberapa hal yang perlu diperhatikan agar listing tersebut benar dan valid 1. Gunakan Huruf KecilPenulisan atribut dengan huruf kapital hanya valid, bahkan valid menurut validator W3C Tapi saya sarankan menggunakan huruf kecil saja. Karena lebih umum digunakan dan juga mudah dibaca Contoh. (bagus)
Contoh. (kurang bagus)
2. Gunakan Tanda KutipGunakan tanda kutip untuk mengisi nilai atribut yang berisi teks Mengapa? Karena jika ada lebih dari satu kata maka akan menimbulkan spasi dan akan dianggap sebagai atribut baru Contoh. (bagus)
Contoh. (buruk)
Tanda kutip yang digunakan, bisa berupa tanda kutip ganda ( 3) dan juga tanda kutip tunggal ( 4)Nah, untuk nilai numeriknya bisa menggunakan tanda kutip atau tidak Contoh 0Kemudian, untuk atribut dengan nilai boolean ( 5 dan 6). nilainya dapat ditulis atau tidakContoh _13. Penggunaan RuangJika ada atribut yang memiliki nama lebih dari satu, maka ditulis dengan tanda min ( 7), bukan spasiContoh _2Kemudian, spasi juga digunakan untuk memisahkan dua atribut atau lebih Contoh _3Bisa juga ditulis seperti ini _4Apa berikutnya?Kami baru saja belajar tentang Tag, Atribut, dan Elemen dalam HTML. Saya pikir Anda dapat membedakan antara ketiga hal ini Elemen adalah komponen yang membentuk dokumen HTML. Sedangkan Tag adalah penanda untuk memulai dan mengakhiri elemen. Kemudian atribut adalah pengubah untuk menentukan perilaku elemen Nah, selanjutnya kita akan mengenal elemen-elemen dasar dalam HTML seperti paragraf, heading, list, table, link, form, dll. Apa fungsi tag Kecil?Tag < small > digunakan untuk memperkecil ukuran font dari teks lainnya.
Apa fungsi tag pada HTML?fungsi tag HTML
. Digunakan untuk membuat elemen HTML, termasuk tampilan deskripsi di hasil pencarian Google, content style (CSS), dan sebagainya. Digunakan untuk membuat halaman HTML yang mencakup semua konten dan elemen. Dipakai untuk membuat elemen HTML, mencakup tampilan deskripsi di hasil pencarian Google, style konten (CSS), dan lain sebagainya.
Apa itu tag HTML?Berikut daftar tag yang harus ada di HTML. . <. DOCTYPE html> — untuk deklarasi tipe dokumen; — tag utama dalam HTML; — untuk bagian kepala dokumen; — untuk bagian tubuh dokumen Apa fungsi dari tag p?Elemen menandai sekelompok teks sebagai paragraf . Sebuah paragraf dibuat untuk menata dan menata halaman agar menjadi lebih terstruktur dengan baik. |