Mengenal Tag Element Atribut HTML: Belajar HTML Dasar Part 4

Mengenal Tag Element Atribut HTML: Belajar HTML Dasar Part 4
Hallo pembaca setia bakuraid, kali ini bakura akan membahas tentang Mengenal Tag Element Atribut HTML: Belajar HTML Dasar Part 4 artikel ini membahas tentang penjelasan tag, element, atribut HTML. langsung saja saya akan bahas.


Mengenal Tag Element Atribut HTML

Pada artikel sebelumnya kita sudah membahas tentang Pengertian HTML, sudah memilih Text Editor dan Menjalankan File HTML. Sekarang kita akan membahas materi Mengenal Tag, Element, Atribut HTML dan cara penggunanya. Pembahasan ini adalah pembelajaran paling dasar dalam penulisan kode HTML atau dasar dari semua tampilan halaman website.

Mengenal Tag, Element, Atribut HTML, Kita akan membahasnya sekarang.

Tag HTML

Tag merupakan kode yang dipakai untuk mengenalkan pada browser fungsi kode HTML yang dibuat. HTML memerlukan cara untuk pembacaan kode yang ditulis kepada web browser. Contohnya kode itu berupa list, paragraf, link dan lain sebagainya. Pada penulisan tag, hampir semua memakai pembuka dan penutup tag, dimana objek yang di maksud berada diantara pembuka dan penutup tag. Yang membedakan antara tag pembuka dan tag penutup yaitu, pada tag pembuka yaitu kurung sudut buka dan diikuti kurung sudut tutup (< >), sedangkan pada tag penutup yaitu kurung sudut buka, slash, dan diakhiri dengan kurung sudut tutup (</ >). Berikut merupakan contoh penulisan tag :

<tag> Objek yang diisi </tag>
Jenis tag yang sering digunakan dalam html berikut beberapa jenis tag yang akan sering anda jumpai kalo di web programing :
Berikut merupakan jenis-jenis tag yang digunakan dalam bahasa html beserta fungsinya:
Tag
Fungsi
<!– ….–>
Digunakan Untuk Memberi Sebuah Komentar Atau Keterangan
<!DOCTYPE html>
Digunakan Untuk Mendefinisikan Tipe Document HTML5
<a>link</a>
Mendefinisikan Sebuah Anchor, Digunakan Untuk Saling Menautkan Antara
Satu Dokumen HTML Ke Dokumen HTML Yang Lain (Membuat Link)
<b> .. </b>
Membuat Teks Menjadi Tebal
<p> .. </p>
Membuat Pargraf
<h1> .. </h1>
Membuat Heading Satu
<h2> .. </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 Table
<th>
Mendefinisikan Sel Header Di Dalam Sebuah Table
<td>
Mendefinisikan Sel Di Dalam Sebuah Table
<tr>
Membuat Baris Di Dalam Sebuah Table
<ul>
Mendefinisikan Daftar Dalam Format Bullet
<li>
Mendefinisikan List

Element HTML

Element merupakan isi atau objek yang berada antara tag pembuka dan tag penutup. Contohnya kita bisa lihat pada kode berikut :

<p>Pengenalan Element HTML</p>
Pada contoh kode diatas yang merupakan element adalah Pengenalan Element HTML. Element ini dapat berupa text biasa ataupun dapat juga diisi tag lain misalnya <strong>, dan lain sebagainya.

Atribut HTML

Atribut merupakan informasi yang dapat ditambahkan di dalam tag pembuka. Informasi ini dapat berupa perintah untuk merubah warna, font style, dll. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai atau value, yang ditulis name=”value” . cara menulis nilai/value diapit oleh tanda kutip (dapat menggunakan kutip satu atau kutip dua). Penulisan atribut di HTML ditulis didalam tag pembuka, berikut contoh penulisan atribut :

<a href="https://bakuraid.blogspot.com/">Ini adalah Link Blog</a>
Perhatikan kode di atas :
href="https://bakuraid.blogspot.com/" adalah atribut
href adalah nama dari atribut
https://bakuraid.blogspot.com/ adalah nilai/value dari atribut
Tidak semua tag memerlukan atribut di dalamnya, namun anda akan sering menemui tag yang memili atribut terutama atribut id dan class yang nantinya dapat digunakan untuk merubah halaman website dengan CSS ataupun JavaScript.

Kesimpulan dari artikel ini adalah Tag adalah fungsi kode, Element adalah isi atau objek, dan Atribut adalah informasi.

Sekian artikel kali ini tentang Mengenal Tag Element Atribut HTML: Belajar HTML Dasar Part 4 semoga bermanfaat dan dapat membantu anda dalam belajar tentang HTML. Bakura mengucapkan terimakasih atas kunjunganya silahkan cari artikel lain diblog ini.

0 Response to "Mengenal Tag Element Atribut HTML: Belajar HTML Dasar Part 4"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel