Apa itu tag, elemen dan atribut html
Setelah di artikel sebelumnya kita sudah membahas mengenai pengertian dan fungsi html, saya rasa Sobatcula sudah paham dan mengerti mengenai apa itu html. Bagi SobatCula yang merasa belum mengerti apa itu html beserta fungsi/kegunaannya, saya sarankan agar membaca artikel sebelumnya yaitu, Pengertian HTML dan fungsinya. Nah, bagi yang sudah membaca dan paham isinya, bisa lanjut ke pembelajaran dasar html selanjutnya, yaitu mengenal tag, elemen, dan atribut html.
A. Tag HTML
Pertama, kita akan bahas mengenai tag html. Apa itu tag hmtl?Tag html merupakan kode yang dipakai untuk menunjukkan pada web browser tujuan di dalam text html yang kita tulis. Web browser perlu untuk mengerti tujuan dari text html yang ditulis agar mengetahui apa yang diperintahkan sehingga halaman web bisa diakses. Sederhananya, setiap text html yang ditulis harus memperkenalkan kepada web browser agar nantinya web browser bisa mengerti apa perintah yang diberikan dan tugas apa yang harus dijalankan.
Penulisan dalam penggunaan tag haruslah tepat. Hampir semua menggunakan pembuka dan penutup tag. Artinya, Sesuatu yang dimaksudkan berada diantara tag pembuka dan tag penutup. Untuk lebih memahami, berikut penulisan Tag yang digunakan dalam html :
Nampak bahwa html yang kita tulis diapit oleh <tag> (tag pembuka) dan </tag> (tag penutup). Kemudian Perbedaan antara tag pembuka dan tag penutup adalah pada tag pembuka diawali kurung sudut pembuka (< ) dan diakhiri kurung sudut penutup ( > ). Sedangkan pada tag penutup diawali dengan kurung sudut pembuka (< ), lalu slash (/), baru kemudian kurung sudut penutup ( > ).
Sebagai pemula, setelah mengerti apa itu tag html, kita perlu tahu mengenai beberapa tag yang sering digunakan dalam html. Berikut adalah beberapa tag yang sering digunakan di html :
<DOCTYPE html> : digunakan untuk mendefinisikan tipe document HTML 5
<!-....-> : digunakan untuk memberi keterangan atau komentar
<b>..</b> : digunakan untuk membuat teks menjadi tebal
<i>..</i> : digunakan untuk membuat teks menjadi miring
<p>..</p> : digunakan untuk membuat paragraf
<h1>..</h1> : digunakan untuk membuat heading 1
<h2>..</h2> : digunakan untuk membuat heading 2
<h3>..</h3> : digunakan untuk membuat heading 3
<head>..</head> : digunakan untuk mendefinisikan bagian kepala dokumen html
<body>..</body> : digunakan untuk mendefinisikan isi/body dokumen html
<tittle>..</tittle> : digunakan untuk mendefinisikan judul html
<div>..</div> : digunakan untuk mendefinisikan halaman
<table>..</table> : digunakan untuk mendefinisikan tabel
<form>..</form> : digunakan untuk mendefinisikan formulir
<th>..</th> : digunakan untuk mendefinisikan sel header di dalam sebuah tabel
<td>..</td> : digunakan untuk mendefinisikan sel di dalam sebuah tabel
<tr>..</tr> : digunakan untuk membuat baris di dalam sebuah tabel
<ul>..</ul> : digunakan untuk mendefinisikan daftar dalam format bullet
<li>..</li> : digunakan untuk mendefinisikan list
Beberapa tag diatas adalah tag yang cukup sering digunakan di html. Tapi, selain itu masih banyak lagi tag yang digunakan di html.
baca juga : Pengertian HTML dan fungsinya
B. Element dalam HTML
Selanjutnya kita menuju ke pembahasan mengenai element html. Apa yang dimaksud element dalam html? Element pada html merupakan isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk juga tag itu sendiri maupun atribut yang dimiliki (kalau ada). Sederhananya, isi yang berada diantara tag pembuka dan tag penutup adalah element. Perlu diketahui bahwa elemen ini juga bisa berupa text maupun tag lain. Untuk lebih memahami, simak contoh berikut ini.
pada contoh diatas, yaitu lebih tepatnya pada <h3>ini sebuah heading 3</h3>.
<h3> merupakan elemen dari h3 dan isinya ini adalah heading tiga.
C. Atribut
Sekarang kita menginjak ke pembahasan selanjutnya, yaitu Atribut. Apa itu Atribut dalam html ? Atribut merupakan sebuah informasi tambahan yang digunakan dan berada di dalam tag pembuka. Informasi tambahan ini bisa berupa instruksi/perintah untuk menghubungkan link, mengatur kerataan paragraf, dan lain sebagainya.
Dalam penulisan atribut di html, ditulis di dalam tag pembuka.
Perhatikan contoh berikut :
A. Tag HTML
Pertama, kita akan bahas mengenai tag html. Apa itu tag hmtl?Tag html merupakan kode yang dipakai untuk menunjukkan pada web browser tujuan di dalam text html yang kita tulis. Web browser perlu untuk mengerti tujuan dari text html yang ditulis agar mengetahui apa yang diperintahkan sehingga halaman web bisa diakses. Sederhananya, setiap text html yang ditulis harus memperkenalkan kepada web browser agar nantinya web browser bisa mengerti apa perintah yang diberikan dan tugas apa yang harus dijalankan.
Penulisan dalam penggunaan tag haruslah tepat. Hampir semua menggunakan pembuka dan penutup tag. Artinya, Sesuatu yang dimaksudkan berada diantara tag pembuka dan tag penutup. Untuk lebih memahami, berikut penulisan Tag yang digunakan dalam html :
<tag>Sesuatu</tag>
Sebagai pemula, setelah mengerti apa itu tag html, kita perlu tahu mengenai beberapa tag yang sering digunakan dalam html. Berikut adalah beberapa tag yang sering digunakan di html :
<DOCTYPE html> : digunakan untuk mendefinisikan tipe document HTML 5
<!-....-> : digunakan untuk memberi keterangan atau komentar
<b>..</b> : digunakan untuk membuat teks menjadi tebal
<i>..</i> : digunakan untuk membuat teks menjadi miring
<p>..</p> : digunakan untuk membuat paragraf
<h1>..</h1> : digunakan untuk membuat heading 1
<h2>..</h2> : digunakan untuk membuat heading 2
<h3>..</h3> : digunakan untuk membuat heading 3
<head>..</head> : digunakan untuk mendefinisikan bagian kepala dokumen html
<body>..</body> : digunakan untuk mendefinisikan isi/body dokumen html
<tittle>..</tittle> : digunakan untuk mendefinisikan judul html
<div>..</div> : digunakan untuk mendefinisikan halaman
<table>..</table> : digunakan untuk mendefinisikan tabel
<form>..</form> : digunakan untuk mendefinisikan formulir
<th>..</th> : digunakan untuk mendefinisikan sel header di dalam sebuah tabel
<td>..</td> : digunakan untuk mendefinisikan sel di dalam sebuah tabel
<tr>..</tr> : digunakan untuk membuat baris di dalam sebuah tabel
<ul>..</ul> : digunakan untuk mendefinisikan daftar dalam format bullet
<li>..</li> : digunakan untuk mendefinisikan list
Beberapa tag diatas adalah tag yang cukup sering digunakan di html. Tapi, selain itu masih banyak lagi tag yang digunakan di html.
baca juga : Pengertian HTML dan fungsinya
B. Element dalam HTML
Selanjutnya kita menuju ke pembahasan mengenai element html. Apa yang dimaksud element dalam html? Element pada html merupakan isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk juga tag itu sendiri maupun atribut yang dimiliki (kalau ada). Sederhananya, isi yang berada diantara tag pembuka dan tag penutup adalah element. Perlu diketahui bahwa elemen ini juga bisa berupa text maupun tag lain. Untuk lebih memahami, simak contoh berikut ini.
| <!DOCTYPE html> <html> <head> <tittle>Belajar Element HTML</tittle> </head> <body> <h3>ini sebuah heading 3</h3> </body> </html> |
pada contoh diatas, yaitu lebih tepatnya pada <h3>ini sebuah heading 3</h3>.
<h3> merupakan elemen dari h3 dan isinya ini adalah heading tiga.
C. Atribut
Sekarang kita menginjak ke pembahasan selanjutnya, yaitu Atribut. Apa itu Atribut dalam html ? Atribut merupakan sebuah informasi tambahan yang digunakan dan berada di dalam tag pembuka. Informasi tambahan ini bisa berupa instruksi/perintah untuk menghubungkan link, mengatur kerataan paragraf, dan lain sebagainya.
Dalam penulisan atribut di html, ditulis di dalam tag pembuka.
Perhatikan contoh berikut :
| <!DOCTYPE html> <html> <head> <tittle>Belajar Element HTML</tittle> </head> <body> <p align="left">Belajar html atribut</p> </body> </html> |
- <p> adalah tag paragraf
- align adalah nama dari atribut
- left adalah nilai/value dari aribut
- Belajar html atribut merupakan elemen dari tag p
keterangan : Tidak semua tag di html membutuhkan dan memakai atribut. Atribut ini hanya dipakai sebagai tambahan. Namun, jika SobatCula berkecimpung di dunia web programing maka akan sangat sering menjumpainya.
Demikian penjelasan sederhana mengenai apa itu tag, element, dan atribut di html.
Bagi SobatCula yang tertarik perihal html, silakan ikuti terus jalan badak, jangan lupa follow fanspage facebook resmi jalan badak melalui facebook.com/jalanbadakcom.
Bagi SobatCula yang tertarik perihal html, silakan ikuti terus jalan badak, jangan lupa follow fanspage facebook resmi jalan badak melalui facebook.com/jalanbadakcom.
baca juga artikel sebelumnya : Pengertian HTML dan fungsinya
0 Response to "Apa itu tag, elemen dan atribut html"
Post a Comment