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 &#x0000;

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

Popular posts from this blog

Mengenal Procedure Dengan Baik di Virtual Basic 6

KARYA TULIS (Perkembanga ekonomi pasca Proklamasi)

STMIK AMIKOM jogjakarta