PENGENALAN
HTML DAN XHTML
I.tujuan
a.mahasiswa
dapat membuat halaman web dengan menggunakan kode HTML
b.mahasiswa
dapat menuliskan kode HTML secara benar sesuai aturan pada kode HTML
2.teori
singkat
Mengenal
html
Html
merupakan singkatan dari HyperTexs markup language,yaitu bahasa pemograman
untuk membangun aplikasi web.untk
membangun sebuah web dan mengakses halaman web diperlukan hal-hal berikut.
Editor, untuk menuliskan kode-kode HTML (seperti notepad) Web Server, sebagai
server untuk melayani permintaan klien (seperti Apache, IIS,
Xitami)
Web browser, untuk mengakses halaman web
Tag
yang ada dalam HTML antara lain
<HTML> …
</HTML>
Bagian
yang terdapat dalam tag HTML terdiri dari:
Kepala
Bagian kepala dalam dokumen HTML ditandai dengan tag berikut : <HEAD>
…
</HEAD>
Bagian
kepala ini digunakan untuk membuat judul halaman web dengan menggunakan tag
berikut :
<TITLE>
… </TITLE>
Badan Bagian
badan dalam dokumen HTML ditandai dengan tag berikut :
<BODY>
… </BODY>
Bagian
badan akan berisikan content yang akan ditampilkan dalam halaman web.
Contoh
:
<HTML> <HEAD> <TITLE>HTML pertama</TITLE>
</HEAD> <BODY>
MARI
BELAJAR HTML… </BODY> </HTML>
Simpan
kode tersebut dengan ekstensi .html
Hasilnya: ini merupakan title
Ini merupakan body
Aturan
dalam menuliskan Tag-tag HTML yaitu :
Tag ditulis dengan format diawali tanda < dan diakhiri tanda >, seperti
<HTML> Tidak boleh ada spasi setelah tanda <. Contoh : <TITLE>
tidak boleh dituliskan dengan
< TITLE> Jika tetap menggunakan spasi, tidak
akan ada peringatan error, tetapi akan ditampilkan sebagai text biasa.
Tag boleh ditulis dengan huruf kecil, huruf capital, ataupun kombinasi
keduanya. (misalnya : <HTml>, <HTML>, <html>) Atribut :
beberapa tag mengandung atribut didalamnya
Contoh
: < FONT COLOR = ” RED ” >
Nama
Tag Nama atribut
Nilai atribut
Dexlarasi XHTML
Semua
dokumen XHTML harus memiliki deklarasi doctype. Elemen html,head dan body harus
ada,dan elemen title harus berada dalam
elemen head.
Catatan:
dexlarasi DOCTYPE bukan lah bagian dari
dokumen XHTML itu sendiri.dia bukan lah
elemen XHTML,sehingga tidak harus
menggunakan tek penutup.berikut ini beberapa perbedaan antara HTML
danXHTML
1. Elemen
XHTML harus bersarang dengan sempurna
2. Elemen
XHTML harus ditulis dalam hurup kecil
3. Elemen
XHTML harus selalu ditutup
4. Dokumen
XHTML harus memiliki satu root elemen.
Contoh
untuk tag <p>….</p>
Berguna
untuk membuat paragraph, pada prinsipnya, efek tag <p> serupa dengan
kalau anda menggunakan dua buah tag <br>
<HTML>
<HEAD> <TITLE>contoh tag p</TITLE> </HEAD> <BODY> <p> Matahari yg sedang
terbit. Usia muda, Masih baru dan membangkitkan semangat Menyinari dunia ini,
Dengan sinar merah mudanya yg lembut, Hanya memperhatikan warna-warna yg di
kenal. Menari pada air yg tenang </p> <p> Aku kembali ke perasaan,
Yang tak
Contoh
untuk tag <br>
Fungsi
tag <br> adalah untuk membuat baris baru atau berpindah baris.
<HTML>
<HEAD> <TITLE>contoh tag br</TITLE>
</HEAD>
Contoh
membuat garis horizontal
Untuk
mempercantik tampilan, seringkali pembuat dokumen web menambahkan garis
horisontal. Garis ini sebenarnya dapat dibuat dengan mudah, yakni dengan
menyertakan tag <HR>.
Contoh:
<html>
<body>
<p>Mari
belajar tag 'hr'</p>
<hr>
<p>ini
paragraf pertama</p>
<hr>
<p>ini
paragraf kedua</p>
<hr>
<p>ini
paragraf ketiga</p>
</body>
</html>
Pembahasan
Sebagaimana telah dijelaskan di
diatas, didalm html Tag ditulis dengan format diawali tanda< >. Tidak
boleh ada sp asi Jika tetap menggunakan spasi, tidak akan ada peringatan error,
tetapi akan ditampilkan sebagai text biasa. Inilah beda nya web dengan program
yang lain seperti java.
kesimpulan
dari pembahasan diatas dapat kita
simpulkan bahwa Tag <hr> di XHTML harus ditulis
dengan <hr />
Tag <p> di HTML boleh tidak ditutup .dan
didalam bagian HTML terdapat kepala /badan/.untuk penyimpan scrip tersebut
dengan ektensi html<contoh:web 1.html>
TUGAS
Membuat surat
<html>
<head>
<title>membuat surat izin </title>
</head>
<body>
<p>assalamualaikum wr.
<p>dengan datangnya surat ini saya yang bernama wasidan
tidak bisa mengikuti kerja kelompok dikarenakan sakit.sudila teman teman
memberikan izin.
</body>
</html>
