Selasa, 07 Agustus 2012

Pengenalan HTML dan XHTML

Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. Ciri utama dokumen HTML adalah adanya tag dan elemen. Elemen dalam dokumen HTML dikategorikan menjadi dua yaitu elemen yang berfungsi memberikan informasi tentang dokumen tersebut dan elemen yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list(daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan tanda lebih kecil “ < “ ( tag awal ) dan tanda lebih besar “ > “ (tag akhir). Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/").



Dokumen HTML mempunyai tiga buah tag utama yang membentuk struktur dari dokumen HTML yaitu HTML,HEAD dan BODY.



Tag HTML berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD berfungsi untuk memberikan informasi tentang dokumen HTML dan tag BODY berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML.



<html>

// tag untuk membuat html

<head>

// tag untuk kepala pada html

<title>P.Web: Ini adalah Title</title>

// tag judul P.Web: Ini adalah Title

</head>

// tag penutup pada kepala html

<body>

// tag badan dari html

<p> // tag untuk membuat paragraf

Mari belajar html dengan menggunakan paragraf

<p>

Ini juga paragraf, silahkan coba

<p>

Ada tiga paragraf disini

</body> // tag penutup pada tubuh html

</html> // tag penutup pembuatan html



SCRIPT WEB1.HTML

<html> // tag untuk membuat html

<head> // tag untuk kepala pada html

<title>tag br</title> // tag pembuatan judul pada html yaitu tag br

</head> // tag penutup bagian kepala pada html

<body> // tag untuk tubuh html

Dokumen ini yang akan ditampilkan di web browser Anda.

- Web Statis adalah web yang berisi informasi-informasi yang bersifat statis (tetap).

- Web Dinamis adalah web yang menampilkan informasi yang bersifat dinamos (berubah-ubah) dan dapat saling berinteraksi dengan user.

-Perhatikan perbedaan antara yang menggunakan br dan yang tidak, selamat mencoba.

</body> // tag penutup pada tubuh html

</html> // tag penutup pembuatan html

SCRIPT WEB1A.HTML

<html> // tag untuk membuat html

<head> // tag untuk kepala pada html

<title>tag br</title> // tag pembuatan judul pada html yaitu tag br

</head> // tag penutup bagian kepala pada html

<body> // tag untuk tubuh html

Dokumen ini yang akan ditampilkan di web browser Anda.<br>

- Web Statis adalah web yang berisi informasi-informasi yang bersifat statis (tetap).<br>

- Web Dinamis adalah web yang menampilkan informasi yang bersifat dinamos (berubah-ubah) dan dapat saling berinteraksi dengan user.<br>

-Perhatikan perbedaan antara yang menggunakan br dan yang tidak, selamat mencoba.

// Tag <br> berfungsi untuk ganti baris baru

</body> // tag penutup pembuatan html

</html> // tag penutup pembuatan html



SCRIPT XHTML.HTML

<!DOCTYPE Doctype ditulis disini>

// DOCTYPE merupakan deklarasi pada dokumen XHTML

<html> // tag untuk membuat xhtml

<head> // tag untuk kepala pada xhtml

<title>Judul dituliskan disini</title>

// tag pembuatan judul pada html yaitu Judul dituliskan disini

// <title> adalah tag untuk membuat judul, </title> adalah tag untuk menutup pembuatan judul

</head> // tag penutup bagian kepala pada xhtml

<body> // tag untuk tubuh xhtml

Isi dokumen XHTML ditulis disini, ini hampir mirip dengan HTML, mudah kan???

</body> // tag penutup pembuatan xhtml

</html> // tag penutup pembuatan xhtml

SCRIPT XHTML1.HTML

<!DOCTYPE Doctype ditulis disini>

// DOCTYPE merupakan deklarasi pada dokumen XHTML

<html> // tag untuk membuat xhtml

<head> // tag untuk kepala pada xhtml

<title>Halaman web dengan XHTML</title>

// tag pembuatan judul pada html yaitu Halaman web dengan XHTML

</head> // tag penutup bagian kepala pada xhtml

<body> // tag untuk tubuh xhtml

Melihat perbedaan-perbedaan di atas maka XHTML sangat disarankan bagi desainer web yang menginginkan konsistensi dalam struktur konten halaman webnya. <br/>

Selain itu, XHTML lebih compatible untuk diintegrasikan dengan CSS (Cascade Style Sheet) dibandingakan dengan HTML.<br/>

perhatikan perbedaan tag br yang ada di html dan yang ada di xhtml

// <br/> adalah tag untuk ganti baris baru dalam xhtml

</body> // tag untuk penutup tubuh xhtml

</html> // tag penutup pembuatan xhtml

Tidak ada komentar:

Posting Komentar