Struktur Dasar

Struktur dasar

<!DOCTYPE>

DTD (Document Type Declaration), ini memberitahu browser Anda versi HTML yang Anda gunakan. Pastikan Anda menggunakan DTD yang tepat, atau halaman Anda mungkin salah ditampilkan.

<html>...</html>

Tanda pembuka dan penutup standar untuk setiap halaman HTML. Lampirkan segala sesuatu yang lain dalam hal ini.Tag kontainer .

Komentar - apapun yang Anda masukkan ke sini akan dilewati oleh browser.

<head>...</head>

Mulai bagian header dokumen Anda. Segalanya antara ini terutama digunakan untuk membantu browser dan mesin telusur mengklasifikasikan laman Anda. Menggunakan ini bersifat opsional, tapi disarankan. Tag kontainer .

<title>...</title>: Apapun yang ada di antara tag ini akan muncul di bilah biru di bagian atas layar.
<meta>: Sekelompok tag yang memberi informasi pada halaman dan pencipta secara khusus ke mesin pencari.
<base>: Mengubah target tautan default atau URL tautan relatif, berguna jika halaman dibaca di server lain.
<link>: Memungkinkan Anda mengaitkan stylesheet dan ikon favorit ke halaman Anda.

<body>...</body>

Semua yang terlihat di laman Anda berjalan di antara tag ini.Segala sesuatu. Tag kontainer .

Tautan

<a>...</a>: Membuat teks atau gambar tertutup menjadi hyperlink ke file lain.

Daftar

<ol>...</ol>

Membuat daftar pesanan, di mana setiap item diberi nomor secara berurutan. Kontainer Tag .

<ul>...</ul>

Membuat daftar yang tidak berurutan, dengan setiap item bulleted. Kontainer Tag .

<li>: Setiap item daftar dimulai dengan huruf a li, dan semuanya ditempatkan pada salah satu olatau ul.

<dl>...</dl>

Membuat daftar definisi.

<dt>: Membuat istilah definisi.
<dd>: Membuat definisi, yang muncul di bawah istilah induknya dan menjorok dari kiri.

Multimedia

<img>

Tempatkan gambar di halaman Anda

<embed>

Menambahkan elemen multimedia langsung ke halaman Anda, memungkinkan browser Anda memainkannya dengan plug-in.

<script>...</script>

Menambahkan skrip, biasanya JavaScript ke halaman Anda.

<noscript>...</noscript>: Lampirkan apapun yang Anda inginkan ditampilkan oleh browser yang tidak mendukung skrip.

Tabel

<table>...</table>

Tempatkan sebuah tabel di halaman Anda. Kontainer Tag .

<caption>...</caption>: berisi judul tabel, judul macam. Ini akan muncul di bagian atas kecuali ditentukan lain. Tag ini tidak harus terkandung dalam tratau td.
<tr>...</tr>: mulai baris tabel baru Sel masuk ke dalam ini.Atributnya sama dengan td.
<td>...</td>: membungkus sel tabel Konten berjalan di ini.
<th>...</th>: Sama seperti sel tabel, tapi dengan semua isinya tebal dan sejajar dengan bagian tengahnya.
<thead>...</thead>: Mendefinisikan bagian header dari sebuah meja besar.Bungkus tag di sekitar baris / sel yang ingin Anda definisikan sebagai header.
<tbody>...</tbody>: Mendefinisikan badan utama meja yang kompleks.
<tfoot>...</tfoot>: Bungkus ini di sekitar bagian footer meja Anda.
<colgroup>: Memungkinkan Anda untuk mengatur atribut untuk keseluruhan kolom. Setiap kolom harus didefinisikan secara berurutan.

Bingkai

<frameset>...< /frameset>

Mulai tata letak bingkai baru. Saat membuat halaman bingkai, tidak ada body yang digunakan. Kontainer Tag .

<frame>: Mendefinisikan satu frame dalam frameset.
<noframes>...< /noframes>: Jika pengunjung memiliki browser lama yang tidak mendukung frame, Anda dapat meninggalkan pesan atau beberapa konten di antara tag ini.

<iframe>...</iframe>

Tempatkan bingkai inline atau 'mengambang'. Ini bisa ditempatkan dimana saja di halaman normal, yaitu tidak perlu menjadi bagian dari a frameset.

Formulir

<form>...</form>

Mulai area form. Tambahkan elemen bentuk apa pun yang ingin Anda gunakan di antara tag ini. Kontainer Tag .

<input>: Memungkinkan Anda menambahkan berbagai kolom masukan pengguna, seperti kotak teks, kotak centang, tombol radio, tombol kirim dan setel ulang, tergantung pada bagaimana Anda menyetel typeatribut.
<textarea>...</textarea>: Menambahkan area teks berlapis banyak, cocok untuk input dengan jumlah informasi yang lebih banyak daripada kotak teks single-line. Setiap teks yang ditambahkan di antara tag ditempatkan di area saat halaman dimuat.
<select>...</select>: Menyetel kotak pilihan drop-down kosong. Anda dapat menambahkan pilihan dengan <option>...</option>tag.
<fieldset>...</fieldset>: Memungkinkan Anda untuk mengelompokkan elemen bentuk menjadi pengaturan logis.
<legend>...</legend>: Anda dapat memberi judul pada Anda fieldset dengan tag ini.
<label>...</label>: Anda dapat membuat teks penjelasan di samping elemen formulir menjadi bagian dari area yang dapat diklik dengan tag ini, yang membuat elemen lebih mudah dipilih.

Format Teks

<address>...</address>

Melampirkan tanda tangan dan alamat pengarang, ditampilkan dalam huruf miring.

<b>...</b>

Membuat teks tertutup menjadi teks tebal.

<big>...</big>

Membuat teks terlampir satu ukuran lebih besar.

<blockquote>...</blockquote>

Indentasi teks dari kedua sisi.

<br>

Menghentikan baris saat ini dan melanjutkan ke berikutnya.

<center>...</center>

Sejajarkan benda yang dikelilingi (apapun dari teks atau gambar ke bentuk dll) ke tengah.

<cite>...</cite>

Termasuk kutipan, dan biasanya diterjemahkan sebagai huruf miring.

<code>...</code>

Jika Anda menyertakan kode komputer atau HTML ke dalam dokumen Anda, bungkuslah ini di sekitarnya. Ini diterjemahkan dalam teks kecil.

<dfn>...</dfn>

Sebuah definisi. Seperti biasa dengan hal-hal ini, diterjemahkan dengan huruf miring.

<div>...</div>

Kelilingi bagian halaman Anda yang berbeda dalam divs, terutama untuk menyelaraskannya, namun banyak atribut lain yang didukung dan divs dapat digunakan untuk membuat lapisan juga.

<em>...</em>

Menekankan teks yang dikelilingi, mengubahnya menjadi huruf miring.

<font>...</font>

Mengatur properti font untuk teks yang dipilih.

<hx>...</hx>

Menetapkan teks sebagai judul, dengan nilai h1(yang terbesar) sampai h6(yang terkecil).

<hr>

Sisipkan garis horizontal abu-abu di seluruh halaman.

<i>...</i>

Tag default untuk huruf miring.

<kbd>...</kbd>

Menerapkan bahwa teks harus dimasukkan pada keyboard.Hal ini diberikan mono-spasi dan kecil.

<nobr>...</nobr>

Memberitahu teks terlampir untuk tidak membungkus di tepi layar, namun lanjutkan selama diperlukan.

<wbr>: Jika Anda butuh jeda baris di blok teks yang telah Anda tetapkan nobr, tambahkan ini.

<p>...</p>

Membuat teks terlampir paragraf, dengan garis dilewati di bagian atas dan bawah.

<pre>...</pre>

Menampilkan teks dengan font fixed-width dan mempertahankan format teks asli (yaitu spasi dan jeda baris).

<q>...</q>

Digunakan untuk menandai pendek, inline kutipan. Beberapa browser akan menambahkan tanda kutip di sekitar teks.

<s>...</s>(atau <strike>...</strike>)

Menampilkan teks dengan pemogokan.

<samp>...</samp>

Menunjukkan output sampel dari suatu bentuk atau program.Teks diberikan dalam huruf kecil.

<small>...</small>

Membuat teks terlampir satu ukuran lebih kecil.

<strong>...</strong>

Membuat penekanan untuk teks yang dipilih, dicetak tebal.

<sub>...</sub>

Membuat teks dalam subskrip, yang merupakan kata-kata di bawah teks normal. Misalnya: _ini

<sup>...</sup>

Tag kakak ke <sub> atas, ini membuat teks menjadi superskrip. ^{Seperti ini}

<tt>...</tt>

Membuat teks dengan font fixed-width dan mono-spasi;seperti mesin tik tua.

<u>...</u>

Menampilkan teks yang dikelantang digarisbawahi.

Terima kasih atas kunjungannya.

HTML Sederhana