Elemen-Elemen HTML

Posted by on
Sedikit selingan untuk merefresh otak tentang tag-tag/tag-tag dalam HTML ^ ^.Pada kali ini saya akan menuliskan tag/elemen yang cukup sering digunakan di dalam HTML.Selamat membaca !


Berikut adalah elemen-elemen HTML 5 beserta keterangan dan fungsinya.Saya urutkan berdasarkan abjad :

  1. <!-- teks komentar --> digunakan untuk memberi sebuah komentar atau keterangan.Kalimat yang terletak di dalam tag <!-- dan --> tidak akan terlihat di browser.Komentar biasanya digunakan untuk programmer itu sendiri (untuk menulis note/kalimat yang mengingatkan kode-kode yang dibuat jika sudah terlalu banyak).
  2. <!DOCTYPE HTML>, digunakan untk mendefinisikan informasi tipe dokumen.Dalam hal ini berarti dokumen bertipe HTML.
  3. <a>, anchor atau link digunakan untuk membuat teks menjadi suatu link yang dapat diklik dan terhubung dengan dokumen  HTML(internal) lainnya maupun website luar (eksternal).
  4. <abbr>, digunakan untuk teks yang berbentuk singkatan,seperti HTML, CSS, HTTP dan lain-lain.Fungsinya untuk menampilkan informasi pada teks apabila kursor diarahkan ke singkatan tersebut,otomatis akan muncul kepanjangan dari singkatan tersebut.
  5. <address>, digunakan untuk mendefinisikan informasi alamat.
  6. <applet>, digunakan untuk memasukkan file Java ke dalam dokumen HTML.
  7. <area>, digunakan untuk mendefinisikan daerah yang dapat diklik (link) pada peta gambar.
  8. <article>, digunakan untuk mendefinisikan artikel.
  9. <audio>, untuk mendefinisikan konten musik/suara/audio/lagu.
  10. <b>, digunakan untuk menebalkan teks.
  11. <bdo> , untuk menimpa arah teks.
  12. <big>, memperbesar ukuran teks sebesar 1 point dari ukuran sebelumnya.
  13. <blink>, membuat teks berkedip.
  14. <blockquote>, dipakai untuk kutipan panjang.Pada saat di browser,teks akan tampil sedikit ke dalam (seperti paragraf baru).
  15. <body>, mendefinisikan body/isi dokumen HTML.Berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya.Isi dokumen dapat berupa teks,gambar,audio,video,animasi,link dan lain-lain.
  16. <br/> , ganti baris/baris baru/pindah baris.
  17. <button>, untuk membuat sebuah tombol yang bisa diklik.
  18. <caption>, untuk membuat caption pada tabel.
  19. <center>, untuk rata tengah teks atau gambar (align)
  20. <cite>, untuk membuat suatu kutipan.
  21. <code>, untuk mendefinisikan sebuah bagian dari kode program.
  22. <col>, untuk mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel.
  23. <colgroup>, menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel.
  24. <dd>, untuk mendefinisikan deskripsi dari item dalam daftar definisi.
  25. <del>, untuk memberi garis tengah pada teks (mencoret teks).
  26. <dfn>, untuk mendefinisikan sebuah istilah definisi.
  27. <div>, untuk mendefinisikan sebuah bagian dalam dokumen / sebagai pemisah antara elemen satu dengan yang lainnya.
  28. <dl>, untuk mendefinisikan sebuah daftar definisi.
  29. <dt>, untuk mendefinisikan istilah (item) dalam daftar definisi.
  30. <em>, untuk membuat teks miring(sama dengan tag <i>).
  31. <embed>, digunakan untuk memasukkan file video atau musik.
  32. <fieldset>, untuk mengelompokkan elemen-elemen (khususnya form) yang membentuk sebuah frame untuk form tersebut.
  33. <font>, untuk mendefinisikan jenis font,warna dan ukuran untuk teks.
  34. <form>, untuk membuat suatu form dalam HTML (form input).
  35. <frame>, untuk membuat frame di dalam frameset.
  36. <frameset>, untuk mendefinisikan satu set frame.
  37. <h1> s/d <h6>, untuk menunjukkan suatu header (judul) di dalam dokumen HTML.Urutan paling terbesar adalah <h1> kemudian menurun seterusnya hingga <h6>.
  38. <head>, untuk memberikan informasi tentang dokumen HTML.
  39. <hr>, untuk membuat sebuah garis horizontal.
  40. <html>, sebagai pembungkus semua kode-kode yang ada di dalam HTML.Semua kode html berada di antara tag pembuka dan penutup <html>.
  41. <i>, untuk membuat teks miring.
  42. <img>, untuk menampilkan gambar ke dalam HTML.
  43. <input>, untuk membuat input field pada form HTML.
  44. <label>, membuat label untuk sebuah elemen(fieldset).
  45. <legend>, membuat sebuah caption untuk elemen <fieldset>.
  46. <li>, untuk menampilkan informasi dalam bentuk daftar (list).
  47. <link>, untuk mendefinisikan hubungan antara dokumen HTML dengan sumber eksternalnya.
  48. <menu>, untuk mendefinisikan client-side peta gambar.
  49. <meta>, untuk mendefinisikan metadata sebuah dokumen HTML.
  50. <ol>, untuk membuat daftar dalam format nomor.
  51. <option>, untuk menampilkan beberapa pilihan yang berbentuk sebuah daftar drop-down menu.
  52. <p>, untuk membuat sebuah paragraf.
  53. <script>, untuk mendefinisikan client-side script (Javascript).
  54. <span>, untuk mendefinisikan sebuah bagian dalam dokumen HTML.
  55. <strike>, untuk membuat garis tengah pada teks(teks dicoret).
  56. <strong>, untuk membuat teks tebal, fungsi tag ini sama dengan tag<b>.
  57. <style>, untuk mendefinisikan informasi style / CSS untuk dokumen HTML.
  58. <table>, untuk membuat tabel.
  59. <tbody>, untuk mengelompokkan isi body di dalam sebuah tabel.
  60. <thead>, untuk mengelompokkan isi header di dalam sebuah tabel.
  61. <td>, untuk membuat sel/kolom di dalam sebuah tabel.
  62. <textarea>, untuk mendefinisikan input multiline(textbox untuk keterangan).
  63. <tfoot>, untuk mengelompokkan isi footer di dalam sebuah tabel.
  64. <title>, untuk membuat judul dokumen HTML.
  65. <tr>, untuk membuat baris baru dalam sebuah tabel.
  66. <ul>, mendefinisikan daftar (list) dalam format bullet.
  67. <u>, untuk membuat garis bawah.
Nah, mungkin itu saja yang sering digunakan di dalam HTML.Cukup banyak juga ya ^ ^.Jika ada yang kurang jelas silahkan ditanyakan di kolom komentar,atau saran ,silahkan mencoba sendiri tag-tag yang kurang dimengerti langsung di dalam text-editor anda, agar dapat mengetahui fungsinya.Sekian dan terima kasih !

Comments

  1. UnknownFebruary 29, 2020 at 4:54 AM

    Terima kasih kak , Dengan informasi yang kakak berikan dapat membantu tugas mata kuliah saya, sukes selalu untuk kedepannya kak.
    Nama : Reza Anggraini
    Nim : 1922500196
    Dan ini link web kampus saya https://www.atmaluhur.ac.id

    ReplyDelete
  2. UnknownFebruary 29, 2020 at 4:57 AM

    Terima kasih kak , Dengan informasi yang kakak berikan dapat membantu tugas mata kuliah saya, sukes selalu untuk kedepannya kak.
    Nama : Reza Anggraini
    Nim : 1922500196
    Dan ini link web kampus saya https://www.atmaluhur.ac.id

    ReplyDelete
  3. UnknownMarch 4, 2020 at 5:58 PM

    Terimakasih untuk artikelnya perkenalkan saya Desy Septiani(1922500152)dari http://www.atmaluhur.ac.id

    ReplyDelete
  4. Adri firmansyahMarch 5, 2020 at 3:53 AM

    Terima kasih kak untuk artikel-artikelnya, sangat membantu saya untuk mempeluas ilmu saya, terus berbagi ilmu nya kak.
    Nim:1922500055
    Nama:adrifirmansyah
    Kelompok:SI2J
    Link kampus:http:/www.atmaluhur.ac.id/

    ReplyDelete
  5. ZIOVANKA FITRIO MELANIOMarch 5, 2020 at 6:12 AM

    Terima kasih untuk artikelnya, perkenalkan saya ZIOVANKA FITRIO MELANIO (1922500002) dari http://www.atmaluhur.ac.id

    ReplyDelete
  6. SUCI KURNIA SARIMarch 14, 2020 at 3:26 AM

    Terima kasih untuk artikelnya, perkenalkan saya SUCI KURNIA SARI (1922500117) dari http://www.atmaluhur.ac.id

    ReplyDelete
  7. nily susantiMarch 16, 2020 at 12:41 AM

    Terima kasih untuk artikelnya, perkenalkan saya NILY SUSANTI (1922500046) dari https://www.atmaluhur.ac.id

    ReplyDelete
  8. UnknownMarch 16, 2020 at 5:37 AM

    Terimakasih untuk artikelnya,perkenalkan saya DINA MARETA (1922500118) dari https://www.atmaluhur.ac.id

    ReplyDelete
  9. UnknownMarch 16, 2020 at 5:17 PM

    Terima kasih untuk artikelnya, perkenalkan saya rizki mardiansyah (1922500204) dari http://www.atmaluhur.ac.id

    ReplyDelete
  10. UnknownMarch 17, 2020 at 6:04 AM

    Terimakasih untuk artikelnya,perkenalkan saya Desy Septiani(1922500152) dari http://www.atmaluhur.ac.id

    ReplyDelete
  11. Dehan Permata SariMarch 18, 2020 at 1:32 AM

    Terimakasih atas artikelnya, perkenalkan saya DEHAN PERMATA SARI (1922500213) dari http://www.atmaluhur.ac.id

    ReplyDelete
  12. UnknownMarch 18, 2020 at 6:14 AM

    Terima Kasih untuk artikelnya, perkenalkan saya Muhammad Irfan Syahputra (1922500087) dari http://www.atmaluhur.ac.id

    ReplyDelete
  13. Shikamaru NaraMarch 18, 2020 at 11:31 PM

    yuhuu...bermanfaat banget gan
    Penjepit lcd

    ReplyDelete

Post a Comment