Perbedaan HTML dengan XHTML
•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
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.
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.
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 �
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.
FONT
•Dengan
tag <FONT> anda bisa menentukan format tampilan font dalam document HTML
seperti color, size, style dan lainnya.
Ukuran
Font
•Atribut
SIZE digunakan untuk mengatur ukuran font. Nilai font dimulai dengan nilai 1
untuk ukuran huruf terkecil dan nilai 7 untuk ukuran paling besar.
Jenis
Font
•Atribut
FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE harus
diisi dengan string jenis font seperti Arial, Times New Roman, Verdana dan lain
sebagainya.
FONT
(Cont. . .)
Warna
Font
•Atribut COLOR digunakan untuk mengatur warna
font yang diinginkan. Untuk memberi nilai pada atribut color ada dua cara,
yaitu :
1.Dengan menyebutkan nama warna seperti red,
green dan blue.
2.Dengan
menggunakan nilai RGB ( Red Green Blue ) dari satu warna misalnya FF0000 untuk
red, 00FF00 untuk green dan 0000FF untuk Blue.
Contoh
:
<font
size="1">Ini ukuran 1</font><br>
<font
face="arial">Ini memakai font Arial</font><br>
<font
color="blue">Ini Warna Biru</font>
LINK
DALAM DOKUMEN SAMA
•Link jenis ini dibuat apabila untuk dokumen
yang panjang sekali, sehingga apabila di tampilkan dalam browser web akan
mengharuskan kita melakukan scroll layar berulang-ulang.
•Contoh:
<ahref="#tujuan">Link
asal</a>
Artikelbebas
.
.
.
<aname="tujuan">Posisi
tujuan</a>
Artikel
bebas
.
.
.
Comments
Post a Comment