- Cari disini...
- Courses
Kategori
Web Development
Mobile Development
Studi Kasus
Fundamental
Pemula
Teknologi Populer
Laravel
PHP
Kotlin
Android
Javascript
Wordpress
Database
Semua Kelas
Flashsale
Popular
Mentor
Roadmap
- Explore
Karir
Temukan Karirmu
Tutorial & Artikel
Temukan Artikel menarik
Podcast
Podcast seputar pemrograman
Webinar
Ikuti Berbagai Webinar
Event
Temukan Event menarik
Beasiswa
Program Beasiswa
Discord
Komunitas Discord
Forum
Diskusi antar Programmer
Leaderboard
Ranking siswa Codepolitan
- Partnership
For Company
Solusi tepat untuk perusahaan
For School
Kerjasama untuk sekolah
For Campus
Kerjasama untuk kampus
For Mentor
Peluang penghasilan untuk mentor
LoginRegister
Sumber :
w3schools.com 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<h2> 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