Pengertian Tag, Elemen, dan Atribut pada HTML

Tag, Elemen, dan Atribut

setelah anda berhasil menjalankan file html pertama anda pada tutorial sebelumnya, kali ini kita akan membahas pengenalan tag, element dan atribut html.

Description

Seperti yang saya sebutkan pada tutorial pengertian html, bahwa HTML adalah bahasa Markup, artinya bahasa HTML hanya digunakan untuk me-markup suatu dokumen. istilah mudahnya html itu ibarat Microsoft Word. dalam Microsoft Word ketika kita membuat document kita melakukan format terhadap text seperti menebalkan teks, memiringkan, memberi garis bawah, Membuat Penjudulan (Heading), membuat list (Daftar) dan lain sebagainya. Pada HTML, formatting ini bisa kita sebut dengan Proses Markup dan akan dilakukan dengan menggunakan tag HTML.
Tag, Element dan Atribut adalah dasar dari HTML, jadi jika belajar html harus tau tag html, element html, dan Atribut html. Oleh karena itulah dibawah ini kita akan membahasa tag, element, atribut html secara lengkap, beserta contohnya agar mudah dipahami.

Pengertian Tag HTML

Kode html tidak pernah lepas dari yang namanya tag, tag ini berfumgsi untuk memberitahu kepada web browser bahwa text ini sebagai link, text yang satu lagi sebagai paragraf, atau sebagai list dll.
Jadi misalnya ada text yang ditulis dalam file html, di dalam text ini ada tanda <p>  ada <ul>  kemudian ada <li>  tanda inilah yang dinama tag html.
Jika ada tanda <p>  maka secara otomatis web browser akan mengerti bahwa ini paragraf, begitu juga dengan tanda yang lainnya.
Tag html itu ditulis dengan tag pembuka dan tag penutup, jika kita membuat tag <p>  harus ada penutupnya tag </p> , orang sering bilang bahwan tag html itu berpasangan. Namun perlu di ingat ada tag html yang tidak berpasangan yaitu tag <br>  dan tag <hr> , tag br untuk membuat garis baru, sedangkan hr untuk membuat garis horizontal.

Contoh tag html

<p>Paragraf Perama</p> <p> adalah tag pembuka
</p> adalah tag penutup, bedanya dengan tag pembuka hanya di tanda slashnya saja.
Ingat tag p itu adalah tag untuk paragraf.

Contoh Penggunaan tag html

Contoh jika kita ingin membuat sebuah paragraf, namun dalam paragraf ini terdapat tulisan yang miring dan tebal, caranya sebagai berikut

<p>Ini adalah paragraf pertama. <i>Tulisan ini akan miring</i>.
Yang ini akan tebal<b> Tulisan Tebal</b></p>
Tag P untuk membuat sebuah paragraf.
Tag I untuk menampilkan text secara garis miring (i, singkatan dari italic),<br>
Tag B untuk menebalkan tulisan (b singkatan dari bold)

Pengertian Element HTML

Element adalah isi yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan juga atribut yang dimilikinya.

Contoh element Html

<p> Ini adalah paragraf </p> Pada contoh diatas adalah element p
contoh element heading H1
<h1>My First Heading</h1> HTML tidak hanya menyediakan teks saja dalam dokumennya, tetapi juga mampu
menampilkan objek-objek multimedia seperti gambar, suara, video, dan bahkan telah merambah lebih jauh dengan adanya VRML serta applet-applet Java. Untuk informasi yang berupa teks, HTML telah menyediakan bermacam-macam elemen, seperti :
PARAGRAPH untuk membuat suatu paragraf
BLOCKQUOTE untuk membuat suatu kutipan teks
PREFORMATTED TEXT untuk menampilkan teks seperti yang dituliskan
DIVIDER digunakan untuk mengelompokkan suatu teks tertentu
Kita akan mempelajari semua element ini didalam tutorial HTML lanjutan.

Pengertian Atribut HTML

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk posisi dari text (align), besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (value), dan ditulis dengan name=”value”. Value diapit tanda kutip dua, boleh menggunakan tanda kutip satu (‘) atau dua (“).

Contoh Atribut html

<H1 ALIGN="center">Heading ini rata Tengah</H1>
<a href="https://phpdanmysql.com">ini link ke blog phpdanmysql.com</a>

Atribut yang dapat ditambahkan pada elemen heading adalah ALIGN dimana
memiliki nilai center, nilai ini bisa saja left, atau right.
sedangkan href=”https://phpdanmysql.com” href merupakan nama atribut dan https://phpdanmysql.com adalah valuenya.

Contoh Atribut html 2

<a href=”https://phpdanmysql.com”>ini link ke blog phpdanmysql.com</a>
Penjelasan
href=”https://phpdanmysql.com” adalah sebuah atribut
href adalah nama dari Atribut tersebut
https://phpdanmysql.com adalah value dari atribut.
Bagi pemula ini pasti terlihat rumit, tapi tenang saja tidak semua tag harus pakai atribut. kita akan banyak mempelajari ini sampai anda mahir.

…Di Interaktif Editor mungkin semua contoh link tidak berjalan sebagaimana mestinya, oleh karena itu mohon di download dulu code kodenya lalu jalankan di komputer anda…
Setelah mempelajari tag, elemen, dan atribut Sekarang kita lanjutkan ke tutorial HTML dasar selanjutnya, kita akan mempelajari tentang Struktur Dasar Halaman HTML.

Keyword:

  • macam macam atribut dan element
  • contoh atribut dan element di html
  • atribut elements dan tag
  • contoh element tag dan atribut halaman web
  • elemen date pada html
  • macam-macam elements dan atribut html
  • nama tag atribut kode dan keterangannya

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas