Skip to content Skip to sidebar Skip to footer

HTML Dasar | Pengertian dan Struktur Tag

Pengertian <tag>

Pada postingan Struktur dasar HTML kita sedikit menjelaskan tentang pengertian <tag>, tapi kali ini kita akan lebih dalam lagi untuk menjelaskan apa pengertian <tag> ?

<Tag> adalah kode yang digunakan untuk memperkenalkan pada web browser untuk apa teks HTML tersebut ditulis, apakah akan dijadikan sebagai judul artikel, daftar list, gambar atau link. Sedangkan untuk penulisannya sendiri diawali tanda kurang dari dan diakhiri tanda lebih dari.

Hampir semua <tag> berpasangan, tetapi ada juga yang tidak berpasangan. Untuk <tag> yang berpasangan ada <tag> pembuka dan ada <tag> penutup, sedangkan untuk <tag> penutup diberi tanda slash seperti contoh : <p> - - - -</p>

HTML Dasar | Pengertian dan Struktur <tag>

Struktur <tag>

Berikut ini adalah struktur dari <tag>:

<namatag atribut="nilai">

<body bgcolor="yellow">

Sebagai contoh diatas, kita memiliki <tag> dengan namatag body, kemudian untuk atributnya adalah bgcolor yang artinya kita akan memberikan warna pada background halaman web dan nilai nya adalah yellow yang artinya warna pada backgound halaman web berwarna kuning.

Sebuah <tag> boleh saja memiliki lebih dari satu atribut. Sebagai contoh :

<body bgcolor="yellow" id="myid" class="myclass">

Macam-macam <tag>

Pada struktur dasar HTML, kita bisa lihat ada <tag> HTML, <tag> head dan <tag> body. Jadi sekarang kita akan membahas apa saja <tag> yang bisa ada di dalam <tag> utama yaitu <tag> head dan <tag> body.

Pertama adalah <tag> yang berada di dalam <tag> head, diantaranya:

Judul halaman
<title></title>
CSS
<style></style>
Javascript
<script></script>
Metadata
<meta></meta>

Kemudian untuk <tag> yang berada di dalam <tag> body, diantaranya:

Teks
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>,...
Pendukung teks
<br>, <hr>, <em>, <strong>,...
Gambar
<img>
Hyperlink
<a>
List (bullets & numbering)
<ul>, <ol>, <li>, <dl>, <dt>, <dd>
Tabel
<table>, <thead>, <tbody>,...
Form
<form>, <input>, <select>, <button>,...
Script
<script>
Object
<object>
Grouping
<div>, <span>




Post a comment for "HTML Dasar | Pengertian dan Struktur Tag"