HTML singkatan dari Hyper Text Markup Language. Digunakan untuk membuat suatu halaman web. HTML dibuat oleh Tim Barners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 90’an, HTML mengalami perkembangan yang sangat pesat. HTML bukan bahasa pemrograman karena tidak memiliki struktur pemrogaman yang umum ada pada sebuah bahasa pemrogaman standar, misal tidak adanya struktur percabangan, perulangan.
Perkembangan HTML :
Perkembangan HTML :
- HTML 1 (barners-lee, 1989) : sangat dasar, integrasi terbatas pada multimedia. Tahun 1993 Mosaic menambahkan beberapa fitur baru (integrasi image)
- HTML 2.0 (IETF, 1994) : lembaga resmi HTML adalah world wide consortium (w3c), yang bekerjasama dengan Internet Engineering Task Force (IETF) mencoba untuk membuat standar kode-kode HTML dan menambah fitur-fitur lain, tapi kenyataannya hingga tahun 1994-1996 netscape dan microsoft dengan IE seringkali juga telah mengembangkan berbagai tag “perluasan” bagi HTML
- HTML 3.2 (W3C, 1996) : Menyatukan kedalam standar tunggal tetapi tidak mengarah ke teknologi yang lebih baru seperti java applet dan video straming
- HTML 4.0 (W3C, 1997) : Usaha standarisasi menunjuk ke fitur diluar peta HTML, tetapi tidak menunjuk ke suatu vendor
- XHTML 1.0 (W3C, 2000) : HTML 4.01 dimodifikasi untuk menyesuaikan diri ke standar XML
- HTML 5 (W3C dan WHATWG, 2009) : Bekerjasama untuk pengembangkan HTML5
XHTML
- XHTML singakatan dari Extensible HyperText Markup Language
- XHTML versi 1.0 diumumkan pada tahun 2000
- Formulasi bahasa HTML sebagai aplikasi XML
- Konsisten dengan aturan penulisan XML
- XHTML mirip dengan HTML tidak ada perbedaan yang signifikan
- Dokumen XHTML sepenuhnya didukung semua program yang bisa membaca, menulis, atau mengedit dokumen XML yang sah
- XML mendukung penambahan tag baru dengan relatif mudah
PERBEDAAN HTML & XHTML
• Dokumen XHTML harus terbentuk dengan baik
(wellformed) yaitu bahwa semua tag pembuka
harus mempunyai tag penutup, mis (<b></b>)
• Semua elemen dan atribut harus ditulis dengan
huruf kecil.
• Untuk tag seperti <br> dan <hr> yang tidak
memiliki tag penutup, harus diberi notasi <br/>,
<hr/>
• Nilai untuk atribut harus berada dalam tanda kutip.
• Atribut tanpa nilai tidak diijinkan lagi di XHTML.
Setiap atribut harus mempunyai nilai.
PERBEDAAN HTML & XHTML
• Beberapa tanda spasi atau karakter white space
lain dalam string yang menyimpan nilai sebuah
atribut digabungkan menjadi satu spasi saja.
• Atribut “name” untuk beberapa tag diubah menjadi
atribut “id” sehingga penamaan menjadi konsisten
untuk semua tag
• XHTML (seperti XML) adalah case sensitive,
• Format karakter dalam bentuk heksadesimal harus
dimulai dengan &#x (dengan x kecil), misalnya
�
ELEMEN HTML
• Dokumen HTML disusun oleh elemen-elemen.
• Elemen merupakan istilah bagi komponen-komponen
dasar pembentuk dokumen HTML.
• Contoh elemen : head, body, table, paragraf, dan
list.
TAG HTML
• Tag digunakan untuk menandai berbagai elemen dalam
suatu dokumen HTML.
Syarat Penulisan Tag HTML
• Tag html diapit dua karakter kurung sudut
• Tag html secara normal selalu berpasangan
• Tag html tidak case sensitive
• Tag akhir tidak boleh bersilang dan harus berurutan.
TAG-TAG DASAR HTML
<html>Mendefinisikan bahwa dokumen HTML
• <head> tentang dokumen web yang ditampilkan
• <title> untuk menuliskan judul dari dokumen HTML
• <body> untuk section utama dalam dokumen HTML
• <p> Paragraf
• <br> Line Break atau ganti baris
• <h1>s/d<h6> Heading untuk judul dan sub judul
• <hr> Penggaris Mendatar
align:[left | center| right] default center
size:pixel(tebal garis, default 2)
width:panjang(lebar garis, pixel atau persen, default
100%) noshade (garis solid)
• <!-- komen di html --> Komentar pada HTML
LOGICAL FORMAT
Tag-tag yang termasuk logical format adalah sbb:
• <cite> untuk menandai suatu kutipan (citation)
• <code> untuk menampilkan kode-kode program
• <em> untuk memberi tekanan pada teks (emphasize)
• <kbd> untuk menandai suatu teks yang harus
dimasukkan oleh user melaui keyboard
• <samp> untuk menandai suatu teks yang dimaksudkan
sebagai contoh
• <strong> untuk menandai bagian yang terpenting dari
suatu teks
• <var> untuk menampilkan nama variabel
• <dfn> untuk menandai sebuah subdefinisi dari daftar
definisi
PHYSICAL FORMAT
Tag-tag yang termasuk logical format adalah sbb:
• <b> untuk menampilkan huruf tebal
• <i> untuk menampilkan huruf miring
• <u> untuk menampilkan garis bawah pada teks
• <tt> untuk menmpilkan huruf seperti huruf mesin ketik
• <strike> untuk menampilkan garis horizontal pada
bagian tengah huruf
• <big> untuk menampilkan ukuran huruf yang lebih
besar
• <small> untuk menampilkan ukuran huruf yang lebih
kecil
• <sub> untuk menampilkan subscript
• <sup> untuk menampilkan superscript(di cetak naik)
0 komentar:
Posting Komentar