ini hanya struktur dasar di pembrogaman html
Materi tentang html dasar
HTML adalah bahasa yang digunakan untuk membuat halaman web. Bagi yang berkecimpung di dunia perangkat gadget dan ilmu komputer, pasti sudah tidak asing lagi dengan berbagai kode di dalamnya. HTML adalah kependekan dari Hypertext Markup Language.
Berikut struktur bahasa di html:
<!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
Sumber : w3schools.com 
