Orang awam / pemula seperti kita bias lho membuat sebuah website…
Kita belajar mulai dari awal ya…!!! ^_^
• Struktur Dokumen HTML
Setiap dokumen HTML harus diawali dengan tag dan diakhiri dengan komplemennya, yakni tag . Sebagai tambahan, dokumen HTML juga menyertakan tiga pasang tag.
Tag dan : digunakan untuk menyatakan informasi mengenai dokumen HTML
Tag
Tag dan : digunakan untuk melingkupi semua teks yang terdapat di halaman HTML
Seperti source code seperti ini :
<html>
<head>
<!-- Ini baris komentar, tidak diproses-->
<title>Ini judul dokumen</title>
</head>
<body>
Ini adalah teks di body
</body>
</html>
Maka akan tampil seperti ini :
Untuk menghasilkan dokumen yang well-formed, kita harus merujuk pada aturan XML yang dituangkan ke dalam dokumen XHTML. Dalam implementasinya, disini kita menambahkan tag di bagian paling atas dan mengidentifikasikan file sebagai XHTML compliant.
Seperti berikut ini :
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
• Format teks biasanya menggunakan Heading yang di definisikan dengan tag
• Paragraf di definisikan dengan
dan
• Fontase dimanfaatkan untuk mengatur font, seperti huruf tebal di definisikan dengan tag dan , huruf miring di definisikan dengan dan , garis bawah di definisikan dengan dan , dan masih banyak lagi.
Sekarang kita akan membuat sebuah web sederhana yang hanya bisa dijalankan secara lokal.
Cobalah source code berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <title>Amanda Rehana Ayudha Tirtani</title></head>
<body background ="w90.jpg">
<img src="TWEETY_1.gif" align="right" border="0" alt="0"/>
<h2 align="center"><b>POEM </b></h2>
<h4 align ="center"><b>Amanda Rehana Ayudha Tirtani</b></h4>
<h5 align ="center"><b>107533407694</b></h5>
<hr style = "color:#0000FF" />
<h4 align="justify">
Walking out of the world that we shared...</h4>
<h4 align="justify">
Wasn't easy for either of us...</h4>
<h4 align="justify">
But i hope you move on and get on with your life...</h4>
<h4 align="justify">
My wishes will always be with you...</h4>
<hr style = "color:#FF0000" /> <br />
<hr style = "color:#0000FF" align="right" width="200" />
<img src="KITTYDV.gif" align="left" border="0" alt="0"/>
</body>
</html>
Maka tampilannya akan seperti berikut :
Tidak ada komentar:
Posting Komentar