Belajar bahasa pemrograman memang rumit. Tetapi harus tetap dipelajari dengan tekun jika ingin menjadi operator komputer yang handal.
Karena hanya dengan kemampuan ini Anda bisa membuat aplikasi termasuk membangun situs dengan hosting dan domain sendiri.
Di artikel berikut akan dijelaskan Pengertian dan Perbedaan Tag, Element dan Attribut Pada HTML.
Ini merupakan jenis teori bahasa pemrograman dasar yang harus dipelajari oleh Anda sebelum masuk ke tahapan berikutnya.
Syarat materi ini dipahami dengan baik ialah minimal harus tahu cara menjalankan file HTML di browser.
Jika masih belum menguasai hal tersebut, lebih baik tutup dulu pelajarannya lalu buka dari awal.
Pengertian dan Perbedaan Tag, Element dan Attribut Pada HTML
Bagi yang sudah bisa menjalankan file HTML, maka berikut akan dijelaskan pengertian Tag, Element dan Attribut secara berurutan. Silakan disimak ini dia penjelasan lengkapnya:
Pengertian Taq Pada HTML
Di dalam proses HTML, terdapat kode khusus sebagai pemberitahu situs tentang fungsi sebuah text.
Unsur inilah yang sejatinya menginput informasi pada sistem jika teks yang dibuat berupa paragraf, list serta link.
Nah, kode khusus ini disebut dengan istilah Tag.
Tag sendiri memiliki pengertian secara umum yang mudah dipahami.
Yaitu informasi yang diterima sistem website terkait tentang fungsi dari sebuah teks yang ada di dalamnya.
Dengan informasi inilah situs bisa mendeteksi teks yang mana yang berupa list artikel, paragraf artikel atau hanya link/URL situs.
Pengertian Element Dalam HTML
Di dalam sebuah tag, pasti terdapat konten text. Pemetaannya adalah ada content text pembuka dan ada content text penutup. Nah, di antara dua konten tersebut ada yang disebut dengan istilah element.
Sekalipun demikian Element tidak harus berupa text.
Bukan tidak mungkin di dalamnya juga berisi sub-sub tag lain yang fungsinya sama yaitu menentukan fungsi text di dalam situs.
Jika melihat sistem kerja antara tag dan element, terkadang istilah dipertukarkan.
Ini bukan masalah karena sejatinya antar keduanya memang memiliki fungsi yang sama yaitu untuk menginformasikan fungsi text.
Cuma sistem yang satu berada di dalam sistem yang lainnya.
Pengertian Atribut Pada HTML
Di dalam text tidak hanya identik dengan tulisan saja. Tetapi juga ada unsur lain yang salah satunya adalah warna tulisan, ukuran huruf, bold dan italic dari sebuah huruf dan lainnya.
Informasi terkait unsur tersebut juga harus disampaikan ke sistem situs, sedangkan penyampainya disebut Attribut.
Jika ada text berwarna biru dan dianggap sebagai link internal situs, maka yang memberitahu informasi ini pada sistem adalah attribut.
Begitu juga dengan text bold yang menandakan fokus keyword maupun suggest keyword, juga diinformasikan oleh unsur HTML yang satu ini.
Oleh karena itu, Attribut memiliki peran penting terhadap analyze website.
Jika ini tidak ditampilkan di dalam kode-kode HTML bisa dipastikan ada yang kurang dengan situs tersebut.
Apalagi jika artikel yang diposting berisi text-text berwarna, bold dan italic.
Sejatinya tidak semua tag membutuhkan attribut. Karena dengan tag saja sudah cukup untuk menilai sebuah informasi inti terkait teks artikel.
Akan tetapi, Attribut dibutuhkan jika ingin melakukan manipulasi website.
Terutama yang berjenis Id dan Class yang berjalan dalam sistem CSS.
Ini bahasan yang rumit sehingga perlu penjelasan dalam ruang lingkup yang lebih luas. Maka dari itu, mungkin uraiannya akan disampaikan di waktu yang berbeda saja.
Sedangkan sekarang lebih difokuskan pada pengertian dan perbedaan Tag, Element dan Attribut semata.
Perbedaan Tag, Element dan Atribut Pada HTML
Setelah mengetahui pengertian Tag, Element dan Atribut pada HTML, berikut akan dijelaskan perbedaan-perbedaannya.
Ini juga perlu diketahui supaya pemahaman tentang definisional ketiganya lebih lengkap dan tepat.
Sehingga penggunaannya pada kode HTML maupun pembuatan kodenya tidak salah.
Ini dia perbedaan-perbedaan yang dimaksud yang perlu diperhatikan. Pastikan dibaca dengan saksama sebelum Anda mulai membuat situs dengan domain dan hosting sendiri. Ini dia penjelasannya:
Perbedaan Tag Dengan Element dan Atribut
Tag merupakan informasi yang berisi identifikasi text di dalam situs. Ini yang menentukan apakah text tersebut berupa paragraf saja, list atau hanya link URL.
Sedangkan element adalah unsur HTML yang berada di dalam tag yang isinya berupa konten-konten tertentu.
Memang tidak semua element berbentuk tag bahkan penulisan kode html-nya berbeda.
Akan tetapi fungsinya tetap sama. Bahkan jika tag memiliki unsur tag pembuka dan penutup maka atribut berada di antara keduanya makanya diistilahkan dengan konten tag.
Kedua unsur HTML di atas seharusnya sudah bisa menjadi penyampai informasi terkait text di dalam situs.
Tetapi perlu disadari text terkadang tidak berupa rangkaian huruf saja tetapi juga ada warna text, ukuran huruf dan kategori huruf.
Nah yang menginformasikan ini pada sistem adalah Atribut. Dari sini perbedaan atribut dengan tag maupun element jelas ialah jika keduanya memberikan informasi seputar fungsi text, maka atribut berfungsi sebagai pemberi informasi terkait fungsi dari bentuk text.
Baca Juga : Cara Memasang Meta Tags di Blogspot
Stetelah pengenalan HTML, Text Editor pada tutorial sebelumnya. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTMl. Ketiga pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet.
Tag HTML
Tag merupakan kode yang digunakan untuk memperkenalkan pada web brawser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML
<tag>Objek yang diisi</tag> |
perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, tag yang dimaksud, dan diakhiri dengan kurung sudut penutup. sedangkan pada penutup tag itu diawali dengan kurung sudut pembuka, backslash, tag yang dimaksud, dan diakhiri dengan penutup kurung sudut.
jenis tag yang sering digunakan dalam html
berikut beberapa jenis tag yang siring anda jumpai kalo di web programing :
| Tag | Fungsi |
| <!– ….–> | Digunakan untuk memberi sebuah komentar atau keterangan |
| <!DOCTYPE html> | digunakan untuk Mendefinisikan tipe document |
| <a> | Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain |
| <b> | membuat teks menjadi tebal |
| <p> | membuat pargraf |
| <h1> | membuat heading satu |
| <h2> | membuat heading dua |
| <body> | mendefinisikan body/isi dokument html |
| <head> | mendefinisikan bagian kepala dokumen html |
| <title> | memdefiniskan judul halaman |
| <div> | mendefinisikan halaman |
| <link> | mendefinisikan hubungan antar dokumen |
| <script> | Mendefinisikan client-side script |
| <table> | mendefinisikan tabel |
| <th> | Mendefinisikan sel header di dalam sebuah tabel |
| <td> | Mendefinisikan sel di dalam sebuah tabel |
| <tr> | Membuat baris di dalam sebuah tabel |
| <ul> | Mendefinisikan daftar dalam format bullet |
| <li> | mendefinisikan list |
Element HTML
Element pada HTML merupakan isi atau objek yang berada tag. maksdunya, isi yang ada diantara tag pembuka dan tag penutup (termasuk jenis itu sendiri) misalkan :
<strong><h2>Pengenalalan atribut HTML</h2></strong> |
pada contoh diatas <h2> ini adalah heading dua <h2> merupakan element h2 dan isinya ini adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link> dan sebagainya.
Atribut pada HTML
Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. informasi ini bisa berupa instruksi untuk memberikan efek warni, ketebalan, dll. atribut bisanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis name=”value”. penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua).
penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut pada HTML :
<h2 align="center">Pengenalalan atribut HTML</h2> |
- <h2> adalah tag heading 2
- align adalah nama dari atribut
- center adalah nilai dari atribut
- pengenalan atribut HTML adalah element dari tag h2
tidak semua tag ini membutuhkan atribut di dalamnya, namun bagi anda yang begelut di web programing akan sering menjumpai tag yang didalamnya terdapat atribut.
Belajar HTML Mengenal Tag, Element, Atribut HTML
pada HTML ini banyak sekali atribut yang bisa digunakan tetapi hanya cocok untuk tag-tag tertentu saja. misalkan penggunaan atribut href yang hayan bisa diguanakan pada tag <a> beberapa tag lain.
Tutorial HTML Dasar Lainnya
Belajar HTML Part 1 : Pengertian HTML
Belajar HTML Part 2 : Memilih Text Editor
Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML
Belajar HTML Part 4 : Heading Pada HTML
Belajar HTML Part 5 : Format Text Pada HTML
Belajar HTML Part 6 : Membuat Paragraf Pada HTML
Belajar HTML Part 7 : Membuat Table Pada HTML
Belajar HTML Part 8 : Membuat Hyperlink Pada HTML
Belajar HTML Part 9 : Membuat List Pada HTML
Belajar HTML Part 10 : Membuat Format Code Pada HTML
Belajar HTML Part 11 : Membuat Form Pada HTML
Belajar HTML Part 12 : Atribut Form Pada HTML
Belajar HTML Part 13 : Membuat Symbol Pada HTML
Belajar HTML Part 14 :Menampilkan Gambar Pada HTML
Belajar HTML Part 15 : Tag Iframe Pada HTML
Belajar HTML Part 16 : Menghubungkan HTML dengan CSS
Belajar HTML Part 17 : Mengenal Class dan Id Pada HTML
Incoming search terms:
- <html>
- atribut html
- tag html
- //www malasngoding com/belajar-html-mengenal-tag-element-atribut-html
- element table di html
- menambah atribut html dengan jquery
- tag dalam html
- atribut yang ada di <body>
- atribut
- Jelaskan Beberapa atribut yang digunakan dalam mengatur tulisan atau teks