2.2. STRUKTUR HTML
Berkaitan dengan strukturnya, HTML menetapkan suatu set berupa tag-tag yang mengenalkan struktur dan tipe isi (content) berupa :
§ Tag yang tertutup
Contoh :
§ Tag berpasangan, dengan tanda permulaan dan akhiran
Contoh :
Tag adalah kode atau simbol yang digunakan untuk meletakkan perintah HTML. Sebagian besar kode HTML terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan . Awal nama tag ditandai dengan awalan kurung siku lebih kecil (). Perlu diingat untuk awal nama tag tidak menggunakan tanda ”/” sedangkan pada akhir nama tag harus menggunakan tanda “/”.
Sintaks tag yang berpasangan :
…
tanda titik-titik (…) memuat elemen isi (content) tag.
Penulisan namatag bersifat non-sensitive-case, yaitu tidak membedakan atau antara huruf besar dan huruf kecil (dianggap sama), contoh :
Sama
selamat belajar HTML
judul latihan HTML
selamat belajar HTML
2.2.1. Struktur Tag Dasar
Sebuah halaman web minimal mempunyai empat buat tag dasar, yaitu :
Elemen Dasar
Nama Tag Kode Tag Keterangan
Jenis Dokumen (terdapat pada awal dan akhir dari file HTML)
Judul (harus selalu terdapat pada mukadimah)
Mukadimah (Header) (keterangan umum, seperti judul dsb.)
Batang Tubuh (isi dari halaman HTML)
Sebagai tanda awal dokumen HTML.
Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser (pada title bar).
Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
Setiap menulis perintah HTML terdapat 4 elemen tersebut tersebut, dimana tag … merupakan awalan dan akhiran dari semua kode dan nama tag HTML. Selanjutnya didalamnya tersusun tag-tag lain yang susunannya didasarkan pada sistem tersarang (nested) dan jangan saling berpotongan.
Contoh2-1 : selamat.html
judul latihan HTML
selamat belajar HTML
selamat
Gambar 2.1. Hasil file selamat.html
Tulislah kode HTML di atas pada editor Notepad, kemudian simpanlah file tersebut, bukan sebagai file teks (.txt), tetapi sebagai file html (.html). Simpan dengan nama selamat.html di suatu folder baru. Kalau bingung kta bisa lakukan klik File kemudian Save As dan beri nama selamat.html. Simpanlah pada folder atau direktory tertentu misalnya latih-html. Begitu seterusnya dalam latihan bab ini lakukan pada direktori yang sama.
2.2.2. Nama Tag dan karakter untuk kode HTML
Berikut ini daftar kumpulan nama-nama tag yang digunakan HTML yaitu :
a. Nama-nama TAG HTML
Nama TAG Keterangan
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
Sebagai awal dari Java applets
Mendefinisikan daerah yang dapat diklik (link) pada image map
Membuat teks tebal
Membuat atribut teks default seperti jenis, ukuran dan warna font
Memberi (suara latar) background sound pada halaman web
Memperbesar ukuran teks sebesar satu point dari defaultnya
Membuat teks berkedip
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
Pindah baris
Membuat caption pada tabel
Untuk perataan tengah terhadap teks atau gambar
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browserIndents teks
Represents different sections of text.
Menambahkan sound or file avi ke halaman web
Seperti tag
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
Mendefinisikan input form
Mendefinisikan frame
Mendefinisikan attribut halaman yang akan menggunakan frame
…
Ukuran font
Mendefinisikan head document.
Membuat garis horizontal
Bararti dokumen html
Membuat teks miring
Image, imagemap atau an animation
Mendefinisikan input field pada form
* Membuat bullet point atau baris baru pada list (berpasangan dengan tag ,
,
and
)
Mendefinisikan client-side map
Membuat scrolling teks (teks berjalan) – hanya pada MS IE
Mencegah ganti baris pada teks atau images
Jika browser user tidak mendukung frame
Mendefinisikan awal dan akhir list
Ganti paragraf
Membuat teks dengan ukuran huruf yg sama
Mendefinisikan awal script
Membuat tabelKolom pada tabel
Mendefinisikan titleBaris pada tabel Membuat teks bergaris bawahb. Kode HTML untuk menuliskan karakter khususKode HTML Karakter yg ditampilkan
” “
& &
<
Œ Œ
œ œ
Š Š
š š
Ÿ Ÿ
ˆ ˆ
˜ ˜
spasi
½ 1/2
® ®
ë ë
ß β
– –
— —
‘ ‘
’ ’
‚ ‚
“ “
” ”
„ „
† †
‡ ‡
‰ ‰
‹ ‹
› ›
€ €Kode-Kode khusus yang digunakan untuk menuliskan sebuah simbol tersebut perlu ditabelkan dan sebagai rujukan tertulis karena memang agak sulit untuk diingat.Incoming search terms:* macam-macam tag html dan fungsinya
* macam kode html
* perintah dasar web
* perintah html
* belajar html dengan notepad
* macam macam tag HTML
* macam-macam tag html
* macam-macam tag
* macam macam kode html
* latihan html
Muhamad Zikri Fahmi 