RESEP HTML DASAR
HTML Dasar
<!DOCTYPE>- Mendefinisikan informasi tipe dokumen
<html>- Mendefinisikan root dari suatu dokumen HTML
<head>- Digunakan untuk memberikan informasi tentang dokumen tersebut
<title>- Membuat judul untuk dokumen HTML
<body>- Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen
ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan
seterusnya
<h1> to <h6>- Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<p>- Membuat sebuah paragraf
<br />- Memberi baris baru/pindah baris
<hr />- Membuat garis horisontal
<!-- ... -->- Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini
tidak akan terlihat pada browser
Pemformatan
<abbr>- Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi
bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem
terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di
browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>- Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>- Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<b>- Membuat teks tebal
<bdi>- Mengisolasi bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luarnya
<bdo>- Digunakan untuk menimpa arah teks
<big>- Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>- Membuat teks berkedip
<blockquote>- Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<cite>- Mendefinisikan kutipan
<code>- Mendefinisikan sebuah bagian dari kode komputer
<del>- Untuk memberi garis tengah pada teks/mencoret teks
<dfn>- Mendefinisikan sebuah istilah definisi
<em>- Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih
dianjurkan/ditekankan pada penggunaan untuk teks miring
<i>- Membuat teks miring
<ins>- Membuat teks bergaris bawah
<kbd>- Mendefinisikan teks yang di input dari keyboard
<mark>- Mendefinisikan teks yang ditandai/disorot
<marquee>- Membuat teks berjalan secara vertikal atau horisontal
<meter>- Menentukan pengukuran skalar dalam rentang yang diketahui (pengukur / gauge)
<pre>- Membuat teks dengan ukuran huruf yang sama
<q>- Mendefinisikan sebuah kutipan singkat
<s>- Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>- Mendefinisikan contoh keluaran dari program komputer
<small>- Memperkecil ukuran teks dari ukuran defaultnya
<strike>- Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>- Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<sub>- Memberikan efek subscript pada teks
<sup>- Memberikan efek superscript pada teks
<time>- Menentukan tanggal / waktu
<u>- Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u>
tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<var>- Mendefinisikan sebuah variabel
<wbr>- Mendefinisikan kemungkinan baris baru
Formulir dan input
<form>- Mendefinisikan sebuah form HTML untuk input form
<input />- Mendefinisikan input field pada form
<textarea>- Mendefinisikan sebuah kontrol input multiline
<button>- Mendefinisikan sebuah tombol diklik
<select>- Membuat daftar drop-down
<optgroup>- Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>- Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<label>- Mendefinisikan label untuk sebuah elemen <input>
<fieldset>- Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam
form
<legend>- Mendefinisikan sebuah caption untuk elemen <fieldset>
<datalist>- Menentukan daftar opsi yang telah ditentukan untuk kontrol input
<output>- Menentukan hasil perhitungan
Bingkai / Frame
<frame />- Mendefinisikan frame dalam fremeset
<frameset>- Mendefinisikan satu set frame
<iframe>- Mendefinisikan sebuah inline frame
<img />- Berfungsi untuk menampilkan gambar pada dokumen HTML
<noframes>- Jika browser user tidak mendukung frame
Gambar / Images
<img>- Menentukan gambar
<map>- Menentukan peta gambar sisi klien
<area>- Menentukan area di dalam peta-gambar
<canvas>- Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript)
<figcaption>- Menentukan keterangan untuk elemen <figure>
<figure>- Menentukan konten mandiri
<picture>- Menentukan wadah untuk banyak sumber gambar
<svg>- Menentukan wadah untuk grafik SVG
Audio / Video
<audio>- Menentukan konten suara
<source>- Menentukan banyak sumber daya media untuk elemen media (<video>, <audio> dan
<picture>)
<track>- Menentukan trek teks untuk elemen media (<video> dan <audio>)
<video>- Menentukan video atau film
Tautan / Link
<a>- Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan
tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<link>- Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<nav>- Mendefinisikan tautan navigasi
Daftar / List
<ol>- Mendefinisikan daftar dalam format penomoran
<ul>- Mendefinisikan daftar dalam format bullet
<li>- Digunakan untuk menampilkan informasi dalam bentuk item daftar
<dl>- Mendefinisikan sebuah daftar definisi
<dt>- Mendefinisikan istilah (item) dalam daftar definisi
<dd>- Mendefinisikan deskripsi dari item dalam daftar definisi
Tabel
<table>- Membuat tabel
<caption>- Membuat caption pada tabel
<th>- Mendefinisikan sel header di dalam sebuah tabel
<tr>- Membuat baris di dalam sebuah tabel
<td>- Mendefinisikan sel di dalam sebuah tabel
<thead>- Untuk mengelompokkan isi header di dalam sebuah tabel
<tbody>- Untuk mengelompokkan isi body di dalam sebuah tabel
<tfoot>- Untuk mengelompokkan isi footer di dalam sebuah tabel
<col />- Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>- Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
Style dan Semantic
<style>- Mendefinisikan informasi style untuk dokumen HTML
<div>- Mendefinisikan sebuah section dalam dokumen
<span>- Mendefinisikan sebuah section dalam dokumen
<header>- Mendefinisikan sebuah header atau section dalam dokumen
<footer>- Mendefinisikan sebuah footer atau section dalam dokumen
<main>- Mendefinisikan sebuah main atau section dalam dokumen
<section>- Mendefinisikan sebuah section dalam dokumen
<article>- Mendefinisikan sebuah article dalam dokumen
<aside>- Mendefinisikan sebuah aside dari konten dalam dokumen
<details>- Menentukan detail tambahan yang dapat dilihat atau disembunyikan pengguna
<dialog>- Menentukan kotak dialog atau jendela
<summary>- Menentukan heading yang terlihat untuk elemen <details>
<data>- Menautkan konten yang diberikan dengan terjemahan yang dapat dibaca mesin
Informasi Meta
<head>- Menentukan informasi tentang dokumen
<meta>- Menentukan metadata tentang dokumen HTML
<base>- Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
Pemrograman
<script>- Mendefinisikan client-side script
<noscript>- Jika browser user tidak mendukung client-side scripts
<embed>- Digunakan untuk memasukkan file video atau file musik
<object>- meletakkan embed sebuah objek
<param />- Mendefinisikan sebuah parameter untuk objek