Selasa, 09 April 2013

Dasar-dasar XHTML

Minggu kemarin saya telah melakukan pembahasan perkembangan HTML, nah sekarang saya akan memahas XHTML. Apakah XHTML itu? XHTML(X-tensible Hypertext Markup Language)adalah bahasa pemograman dasar yang dipakai untuk menampilkan informasi  pada halaman web dan merupakan sebuah bahasa generasi dari HTML itu sendiri.Struktur XHTML ini pada prinsipnya identik dengan bahasa HTML, hanya penulisan saja yang berbeda. Dalam XHTML penulisan code dilakukan secara ketat. Atau bisa disebut juga XHTML adalah versi ketat dari HTML.


Struktur Dasar (X)HTML dan HTML 5

Struktur dasar dan halaman yang dibangun dengan XHML atau HTML pada prinsipnya sama yaitu terdiri dari bagian header dan body. Sebelum anda membuat halaman web, pertama yang harus anda lakukan adalah membuat sebuah tag dengan isian DOCTYPE. lihat kode dibawah ini:

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">

atau

<!DOCTYPE html> ( Hanya untuk html 5)

DOCTYPE di atas menerangkan bahwa anda menggunakan XHTML sebagai bahasa yang anda gunakan dalam membuat halaman web.

Setelah anda menuliskan DOCTYPE pada halaman XHTML anda, untuk memulai bagian struktur dasar, coba anda tandai halaman anda dengan perintah:

<html xmlns="http://www.w3.org/1999/xhtml">

dan diakhiri oleh perintah

</html>


Struktur utama dari halaman sebuah web XHTML berbentuk sebagai berikut.

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

nah setelah itu silahkan anda coding seperti biasa di mulai dengan tag pembuka 
<html>

dan penutup.

</html>

Penulisan program XHTML dapat anda lakukan dengan beberapa cara,
  1. Menggunakan HTML Editor, seperti Microsoft Frontpage, DreamWeaver, dan lain2.....
  2. Dangan cara menuliskan sendiri secara manual satu persatu tag-tag XHTML ke dalam notepad.
Tata cara penulisan XHTML.

Teks yang ingin diformat harus berada dalam tag pembuka dan tag penutup. Contoh tag pembuka:<b>. contoh tag penutup </b>. Setiap tag XHTML dimulai dengan tanda "<" dan di akhiri dengan tanda ">". Tag pembuka dan tag penutup diawali dengan tanda "/"(slash).

Berikut tata cara penulisan XHTML menurut buku yang ditulis Imzen Sitorus:
Pasangan tag pembuka dan tag penutup bisa berada didalam pasangan tag lainnya. contoh: <i><b> teks yang diformat </b></i>. Pasangan tag<b> berada didalam pasangan tag <i>.

Jangan menuliskan beberapa tag XHTML secara tumpang tindih karena bisa mneyebabkan error atau tata letak web anda tidak beraturan. contoh: <b><i> teks yang dicontoh</b></i>.

Beberapa tag XHTML bisa memiliki satu atau lebih peritah dalam satu tanda <......> contoh; <p aign="left"> (membuat paragraf dan teks dalam paragraf  dengan perataan kiri).


Sekian pembahasan singkat dari saya,
semoga bermanfaat....






2 komentar: