DASAR-DASAR HTML | Tag

Tag HTML Dasar dan fungsinya

Nama TagKegunaan
<html>Mendefinisikan sebuah dokumen html
<body>Mendefinisikan isi/badan suatu dokumen
<h1> – <h6>Mendefinisikan heading ke 1 s/d heading ke 6
<p>Mendefinisikan sebuah paragraf
<br>Menyisipkan sebuah line break
<hr>Mendefinisikan sebuah garis horisontal
<!–>Mendefinisikan komentar dalam kode sumber HTML

Tag Pemformatan Teks Dasar

Nama Tag Kegunaan
<b>Mendefinisikan teks tebal
<big>Mendefinisikan teks yang lebih besar
<wbr>Tag untuk membuat kemungkinan garis-putus
<i>Mendefinisikan teks yang dimiringkan
<small>Mendefinisikan teks yang lebih kecil
<strong>Mendefinisikan teks tebal
<sub>Defines subscripted text
<sup>Mendefinisikan teks yang posisinya lebih ke atas
<ins>Mendefinisikan teks yang bergaris bawah
<del>Mendefinisikan teks yang hendak dihapus

Tag untuk List

Nama Tag Kegunaan
<ol>Mendefinisikan sebuah list ordered
<ul>Mendefinisikan sebuah list unordered
<li>Mendefinisikan sebuah item dalam list
<dl>Mendefinisikan sebuah list definisi
<dt>Mendefinisikan sebuah istilah list definisi
<dd>Mendefinisikan sebuah keterangan list definisi

Tag untuk Membuat Forms

Nama Tag Kegunaan
<form>Tag untuk membuat sebuah form HTML untuk input pengguna
<input>Tag untuk membuat sebuah kontrol input
<textarea>Tag untuk membuat sebuah kontrol input multibaris (text area)
<button>Tag untuk membuat sebuah tombol yang dapat diklik
<select>Tag untuk membuat sebuah daftar drop-down
<optgroup>Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option>Tag untuk membuat pilihan dalam daftar drop-down
<label>Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset>Grup unsur terkait dalam bentuk
<legend>Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<datalist>Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<keygen>Tag untuk membuat key-pair generator kolom input (tag baru HTML5)
<output>Tag untuk membuat hasil penghitungan (tag baru HTML5)

Audio/Video dan Links

Nama Tag Kegunaan
<audio>Tag untuk membuat isi suara (tag baru HTML5)
<source>Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<track>Tag untuk membuat trek teks untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<video>Tag untuk membuat sebuah video atau film (tag baru HTML5)
<a>Tag untuk membuat hyperlink
<link>Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
<nav>Tag untuk membuat navigasi link (tag baru HTML5)

Tag Table

Nama Tag Kegunaan
<table>Tag untuk membuat tabel
<caption>Tag untuk membuat sebuah caption tabel
<th>Tag untuk membuat sebuah sel header tabel
<tr>Tag untuk membuat baris dalam sebuah tabel
<td>Tag untuk membuat sel dalam sebuah tabel
<thead>Mengelompokan isi header dalam sebuah tabel
<tbody>Mengelompokanisi tubuh dalam sebuah tabel
<tfoot>Mengelompokan isi footer dalam sebuah tabel
<col>Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup>Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat

Tag Style/Section

Nama Tag Kegunaan
<style>Tag untuk membuat informasi style untuk dokumen
<div>Tag untuk membuat sebuah bagian dalam dokumen
<span>Tag untuk membuat sebuah bagian dalam dokumen
<header>Tag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
<footer>Tag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)
<hgroup>Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)
<section>Tag untuk membuat bagian dalam dokumen (tag baru HTML5)
<article>Tag untuk membuat sebuah artikel (tag baru HTML5)
<aside>Tag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)
<details>Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
<dialog>Tag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)
<summary>Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)

Leave a Reply

Your email address will not be published. Required fields are marked *