•HTMLsingkatan dari Hyper Text Markup Language
•Digunakan untuk membuat suatu halama nweb
•HTML dibuat oleh Tim Barners-Lee ketika masih bekerja untuk CERN
•HTML dipopulerkanpertamakali olehbrowser Mosaic
•Selama awal tahun90’an, HTML mengalami perkembangan yang sangat pesat
•Bukan bahasa pemrograman karena tidak memiliki struktur pemrogaman yang umum ada pada sebuah bahasa pemrogaman standar, misal tidak adanya struktur percabangan, perulangan.
•Hypertext menunjuk ke fakta bahwa halaman web lebih tepat berupa text yang dapat memuat multimedia dan melakukan link dengan atau tanpa lompatan
•Terdiri dari markup(penandaan) dengan simbol
•lebih kecil( < ) dan lebih besar( > ) yang biasa disebut tag.
•Sebuah dokumen atau file HTML agar dapat dibaca langsung oleh browser disimpan dalam ekstensi .htm atau .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), yangbekerjasama 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.
•HTML3.2 (W3C, 1996) : Menyatukan kedalam standar tunggal tetapi tidak mengarah keteknologi yang lebih baru seperti java applet dan video straming.
•HTML4.0 (W3C, 1997) : Usaha standarisasi menunjuk ke fitur diluar peta HTML, tetapi tidak menunjuk kesuatu vendor.
•XHTML1.0 (W3C, 2000) : HTML 4.01 dimodifikasi untuk menyesuaikan diri kestandar XML.
•HTML5 (W3C dan WHATWG, 2009) : Bekerja sama untuk pengembangkan HTML 5.
APA ITU W3C?
•W3C singkatan dari World Wide Web Consortium
•W3C merupakan badan resmi yang membuat standar web.
•W3C mengembangkan teknologi (spesifikasi, petunjuk, software, dan tool) yang dapat dioperasikan pada platform manapun.
•Dibentuk pada Oktober 1994, dengan jumlah anggota lebih dari 400 organisasi anggota seluru hdunia, dan telah menghasilkan pengakuan internasional untuk kontribusinya pada perkembangan web.
•Hasil standar W3C:
Standar web yg paling mendasar adalah HTML, CSS, dan XML
Standar HTML yang terakhir adalah XHTML 1.0
XHTML
•XHTMLsingakatan 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.
Contoh XHTML
| <?xml version = "1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns= "http://www.w3.org/1999/xhtml"> <head> <title>Belajar XHTML</title> </head> <body> <b>Selamat BelajarXHTML!</b> </body> </html> |
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.
•Tagdigunakan 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.
•DOCTYPE bukanlah tag HTML
•DOCTYPEadalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis.
•Deklarasi DOCTYPE mengacu pada Document Type Definition(DTD).
•DTDmenetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar.
•Deklarasi DOCTYPE harus menjadi hal pertama dalam dokumen HTML,sebelum tag <html>
•Biasakan selalu menambahkan DOCTYPEke halaman web. Ini akan membantu browser untuk membuat halaman web/blog dengan benar
MACAM-MACAM DOCTYPE :
•HTML 4.01 Strict
DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan.
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan.
| <<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
•HTML 4.01 Frameset
DTD ini sama dengan HTML 4.01 Transitional, tapi memungkinkan penggunaan Frameset.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
|
•XHTML 1.0 Strict
DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
•XHTML 1.0 Transitional
DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
•XHTML 1.0 Frameset
DTD ini sama dengan XHTML 1.0 Transitional, namun memungkinkan penggunaan Frameset.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
|
•XHTML 1.1
DTD ini sama dengan XHTML 1.0 Strict, tetapi memungkinkan Kamu untuk menambahkan modul (misalnya untuk memberikan dukungan ruby untuk bahasa Asia Timur).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
•HTML 5
Doctype yang lebih di sederhanakan
<!DOCTYPE html>
|
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)
No comments:
Post a Comment