Ada empat elemen inti dalam HTML yang membentuk struktur dasar dari setiap dokumen HTML: <html>
, <head>
, <title>
, and <body>
. Keempat elemen ini harus tampil di setiap dokumen HTML yang akan Anda tulis, dan elemen-elemen inilah yang akan membentuk kerangka dokumen web.
Tentang DOCTYPE
Meskipun empat element itu menggambarkan kerangka dokumen, salah satu bagian akhir yang memenuhi syarat dokumen secara keseluruhan. DOCTYPE
(DOCument TYPE) memberitahu browser apa aturan yang diikuti ketika akan menampilkan dokumen kepada pengguna. Deklarasi DOCTYPE
harus menjadi hal pertama dalam dokumen HTML Anda, sebelum tag <html>. Deklarasi DOCTYPE
bukanlah tag HTM, itu adalah sebuah instruksi untuk web browser tentang apa versi HTML halaman ditulis dalam dokumen web.
Dalam HTML 4.01, deklarasi DOCTYPE
mengacu pada DTD, karena HTML 4.01 berdasarkan pada SGML (Standard Generalized Markup Language). DTD menentukan aturan untuk bahasa markup, jadi browser tersebut membentuk konten dengan benar.
Sedangkan untuk HTML5 tidak berdasarkan pada SGML, dan oleh karena itu tidak memerlukan sebuah referensi ke DTD.
Untuk tampilan DOCTYPE HTML dilihat seperti:
<!doctype html>
Sekarang Anda mulai semua dokumen dengan DOCTYPE tersebut, dan halaman anda akan selalu membentuk dalam mode yang benar.
Kerangka dasar halaman HTML5 dilihat seperti ini:
<!doctype html> <html> <head> <title>Penggunaan Elemen dalam HTML</title> </head> <body> </body> </html>
1. Elemen <html>
Elemen <html>
berisi elemen untuk keseluruhan dokumen HTML. Setelah deklarasi DOCTYPE, tiap dokumen HTML harus memiliki tag pembuka <html>
, dan tiap dokumen harus berakhir dengan tag penutup </html>
.
ELemen <html>
dapat juga menggunakan atribut berikut ini, yang telah dijelaskan pada posting Penggunaan Atribut dalam HTML.
id dir lang
2. Elemen <head>
Elemen <head>
merupakan wadah untuk meta data. Meta data HTML adalah data tentang dokumen HTML. Metadata sendiri tidak ditampilkan. Meta data biasanya menentukan title
, style
, link
, script
, dan informasi meta lainnya. Elemen <head>
ini ditempatkan setelah tag pemuka <html>
.
Tiap elemen <head>
harus berisi sebuah elemen <title>
yang menunjukkan judul dari dokumen; meskipun, itu mungkin juga berisi kombinasi dari elemen-elemen berikut ini, dan urutannya adalah:
<base>
menentukan dasar URL/target untuk semua URL relatif dalam dokumen.<link>
untuk menautkan ke file eksternal, seperti style sheet<style>
untuk memasukkan aturan CSS didalam dokumen<script>
untuk termasuk script dalam dokumen<meta>
, yang meliputi informasi mengenai dokumen seperti deskripsi atau nama penulis
Tag pembuka <head>
dapat membawa atribut berikut ini:
id dir lang
3. Elemen <title>
Anda harus menentukan sebuah judul untuk setiap halaman yang anda tulis menggunakan elemen <title>
. Ini dipresentasikan dan digunakan dalam beberapa cara:
- Mendefinisikan judul di jendela toolbar browser
- Memberikan judul untuk halaman ketika akan menambahkan ke daftar favorit atau bookmark di browser seperti IE, Firefox, Chrome, Safari dan Opera
- Menampilkan judul untuk halaman di mesin pencari, ini akan membantu untuk mengindeks halaman
Oleh karena itu, anda harus menggunakan sebuah judul yang menggambarkan konten situs anda. Contoh penulisan untuk judul:
<title>AFAHRURROJI.net – Penggunaan Elemen Inti dalam HTML</title>
Tes ini untuk judul yang baik adalah apakah pengunjung dapat mengatakan apa mereka akan menemukan pada halaman itu hanya dengan membaca judulnya, tanpa melihat konten aktual halaman, dan apakah itu menggunakan kata-kata yang orang-orang akan gunakan jika mereka akan mencari untuk jenis informasi ini.
Elemen <title>
harus berisi hanya teks untuk judulnya, tidak boleh berisi elemen apapun lainnya.
Elemen <title>
dapat membawa atribut berikut ini:
id dir lang
4. Elemen <body>
Elemen <body>
tampil setelah elemen <head>
, dan seperti anda sudah lihat, itu berisi bagian dari halaman web yang anda sebenarnya lihat di jendela utama browser, yang kadang-kadang disebut sebagai konten body. Elemen <body>
dapat membawa semua atribut dari kelompok atribut. Elemen <body>
berisi semua konten dari dokumen HTML, seperti teks, hyperlink, gambar, tabel, daftar, dll
Elemen Konten Umum
Berikut ini beberapa elemen yang digunakan dalam membentuk strutktur dokumen web.
- Enam tingkat heading:
<h1>
,<h2>
,<h3>
,<h4>
,<h5>
, dan<h6>
- Paragraf
<p>
, preformatted<pre>
, jeda baris<br />
, dan alamat<address>
- Elemen:
<div>
,<header>
,<hgroup>
,<nav>
,<section>
,<article>
, dan<hr>
- Elemen presentasi:
<b>
,<i>
,<sup>
, and<sub>
- Elemen frasa:
<em>
,<strong>
,<abbr>
,<dfn>
,<blockquote>
,<q>
,<cite>
;,<code>
,<kbd>
,<var>
, dan<samp>
- Daftar seperti daftar tidak berurutan menggunakan
<ul>
dan<li>
; daftar berurutan menggunakan<ol>
dan<li>
- Daftar definisi menggunakan
<dl>
,<dt>
, dan<dd>
- Elemen penyuntingan:
<ins>
dan<del>
Itulah elemen-elemen yang digunakan untuk membuat halaman web yang terstruktur. Baca tag dan elemen dalam bahasa markup HTML.
Leave a Reply