{"id":2927,"date":"2020-11-11T09:54:20","date_gmt":"2020-11-11T09:54:20","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=2927"},"modified":"2023-02-28T05:55:55","modified_gmt":"2023-02-28T05:55:55","slug":"tutorial-html-03-mengenal-tag-element-atribut-html","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/tutorial-html-03-mengenal-tag-element-atribut-html\/","title":{"rendered":"Tutorial HTML #03 – Mengenal Tag, Element, Atribut HTML"},"content":{"rendered":"

Rengga Dev<\/strong><\/a> <\/span>– Setelah 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.<\/p>\n

Tag HTML<\/h3>\n

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<\/p>\n

<tag>Objek yang diisi<\/tag><\/pre>\n
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.<\/p>\n
Jenis tag yang sering digunakan dalam html<\/h3>\n
berikut beberapa jenis tag yang sering anda jumpai kalo di web programing :<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Tag<\/strong><\/td>\nFungsi<\/strong><\/td>\n<\/tr>\n
<!\u2013 \u2026.\u2013><\/td>\nDigunakan untuk memberi sebuah komentar atau keterangan<\/td>\n<\/tr>\n
<!DOCTYPE html><\/td>\ndigunakan untuk Mendefinisikan tipe document<\/td>\n<\/tr>\n
<a><\/td>\nMendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain<\/td>\n<\/tr>\n
<b><\/td>\nmembuat teks menjadi tebal<\/td>\n<\/tr>\n
<p><\/td>\nmembuat pargraf<\/td>\n<\/tr>\n
<h1><\/td>\nmembuat heading satu<\/td>\n<\/tr>\n
<h2><\/td>\nmembuat heading dua<\/td>\n<\/tr>\n
<body><\/td>\nmendefinisikan body\/isi dokument html<\/td>\n<\/tr>\n
<head><\/td>\nmendefinisikan\u00a0bagian\u00a0kepala dokumen html<\/td>\n<\/tr>\n
<title><\/td>\nmemdefiniskan judul halaman<\/td>\n<\/tr>\n
<div><\/td>\nmendefinisikan halaman<\/td>\n<\/tr>\n
<link><\/td>\nmendefinisikan hubungan antar dokumen<\/td>\n<\/tr>\n
<script><\/td>\nMendefinisikan client-side script<\/td>\n<\/tr>\n
<table><\/td>\nmendefinisikan tabel<\/td>\n<\/tr>\n
<th><\/td>\nMendefinisikan sel header di dalam \u00a0sebuah tabel<\/td>\n<\/tr>\n
<td><\/td>\nMendefinisikan sel di dalam sebuah tabel<\/td>\n<\/tr>\n
<tr><\/td>\nMembuat baris di dalam sebuah tabel<\/td>\n<\/tr>\n
<ul><\/td>\nMendefinisikan daftar dalam format bullet<\/td>\n<\/tr>\n
<li><\/td>\nmendefinisikan list<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Element HTML<\/h3>\n
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 :<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<title><\/title>\r\n<\/head>\r\n<body>\r\n<strong><h2>Pengenalalan atribut HTML<\/h2><\/strong>\r\n<\/body>\r\n<\/html><\/pre>\n
pada contoh diatas\u00a0<h2> ini adalah heading dua <h2><\/em>\u00a0merupakan element\u00a0h2 dan isinya ini adalah heading dua<\/strong><\/em>. dalam element ini bisa berupa text ataupun tag lain misalnya\u00a0<link> dan sebagainya.<\/em><\/p>\n
Atribut pada HTML<\/h3>\n
Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. informasi ini bisa berupa instruksi untuk memberikan efek warni, ketebalan, dll. \u00a0atribut bisanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis\u00a0name=\u201dvalue\u201d.\u00a0<\/strong>penulisan nilai\/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua).<\/p>\n
penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut pada HTML :<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<title><\/title>\r\n<\/head>\r\n<body>\r\n<h2 align=\"center\">Pengenalalan atribut HTML<\/h2>\r\n<\/body>\r\n<\/html><\/pre>\n