Struktur Dokumen HTML5 dan Tag Dasar
1.
PEMBAHASAN
PRAKTIKUM
·
<!DOCTYPE html> tag ini berfungsi
untuk menginformasikan pada browser bahwa yang sedang dibuka adalah dokumen
HTML. Tag ini perlu dicantumkan di setiap dokumen HTML.
·
<html>...</html> tag
ini merupakan awal dan akhir sebuah dokumen html. Semua tag akan dituliskan
dalam tag ini.
·
<head>...</head> Tag
ini merupakan kepala dari dokumen HTML yang terletak paling atas dalam tag
<html> dan </html>.
·
<title>...</title> tag
ini terletak didalam tag head yang berfungi untuk menampilkan judul dari dari
halaman web pada browser.
·
<body>...</body> tag
ini untuk menampilkan isi dari dokumen HTML. Tag ini terletak dibawah tag head.
Elemen body mempunyai atribut-atribut yang menspesifikasikan khususnya warna
dan latarbelakang dokumen yang akan ditampilkan pada browser.
Ø Pada
praktik 1 terdapat tag-tag khusus yang terdapat dalam tag body sebagai berikut:
·
<h1>...</h1> tag
ini digunakan untuk memberikan heading pada teks yang siapitnya dengan ukuran
h1.
·
<p>...</p> tag ini digunakan
untuk membuat paragraf dalam sebuah halaman web.
·
<i>...</i> tag
ini untuk menformat teks dicetak miring atau italic
·
<br/> digunakan untuk membuat
sebuah line break atau ganti baris
·
<b>...</b> menformat teks
dicetak tebal atau bold
·
<abbr>...</abbr> tag
ini digunakan untuk menunjukan singkatan. Seperti pada listing praktikum,
ketika mouse diletakn pada W3C maka akan muncul kepanjangannya.
Ø Pada
praktik 2 terdapat tag meta berserta atributnya yang terdapat dalam tag head
sebagai berikut:
·
<meta>...</meta> merupakan tag
yang menyediakan untuk menyimpan informasi tentang dokumen HTML.
·
http-equiv=”refresh” Digunakan untuk header pesan
respon http. Misalnya http-equiv dapat digunakan untuk secara berkala refresh halaman, redirect ke halaman
·
lain.
·
content=”5”
merupakan menentukan nilai properti dalam waktu 5 detik akan menampilkan
halaman web yang ditujukan seperti modul_p21.html.
Ø Pada
praktik 3 terdapat tag pre dan karakter khusus sebagai berikut:
·
yang merupakan karakter khusus
pada html yang membuat spasi seperti pada listing terdapat lima karakter khusus
yang berturut-turut sehinga membuat lima buah spasi.
·
<pre>...</pre> untuk membuat teks
berbentuk preformated
Ø Pembahasan
listing Latihan
·
Pada listing latihan terdapat banyak tag HTML
yang dilibatkan untuk menformat teks sehingga pada hasilnya bentuk huruf dan
tampilan yang bermacam-macam. Dan juga karakter-karakter khusus yang digunakan
untuk mencetak karakter lain seperti:
- <
untuk mencetak karakter atau tanda lebeh kecil
- >
untuk mrncetak tanda lebih besar
- &sum
untuk mencetak tanda Summation
- ¼ untuk mencetak seperempat
- ½
untuuk mencetak seperdua
- ©
untuk mencetak copyritgh
2.
TUGAS
a) Jelaskan
perbedaan penulisan deklarasi pada HTML 4.01 dengan HTML 5
Konten teks dan entitas-entitas, sebuah dokumen HTML
harus memiliki deklarasi doctype yang terdapat dibaris pertama.
Deklarasi doctype bukanlah tag HTML; doctype ini adalah instruksi
untuk web browser tentang versi keberapa dokumen HTML ditulis.
Dalam HTML 4.01, doctype mengaju kepada DTD (Document
Type Definition) sebagaimana HTML ini berbasis SGML. Ada tiga deklarasi doctype
dalam HTML 4.01.
HTML 4.01 Strict
DTD ini berisi seluruh elemen dan atribut HTML, tetapi
TIDAK MENYERTAKAN presentasional atau element-element usang (seperti font).
Framesets tidak diizinkan.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
DTD ini menampung seluruh elemen dan atribut HTML,
TERMASUK element yang bersifat presentasi dan elemn yang usang. Framesets tidak
diizinkan.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
DTD ini sama halnya dengan HTML 4.01 Transitional,
namun mengizinkan penggunakan Framesets.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Dalam HTML 5, hanya terdapat satu deklarasi dan
deklarasi ini ditulis seperti berikut:
<!DOCTYPE html>
b) Buatlah
4 buat contoh pengunaan html atribut pada tag html yang diakui oleh html 5
disertai penjelasannya!
1.
<a href=" http://www.akakom.ac.id">AKAKOM</a>
Tag <a>...</a> membut elemen dengan atributnya href yang yang
nilainya web akakom.
2. <p
style="background-color:blue;">Paragraf ini berwarna
biru</p> tag <p>..</p> dengan atribut
style="background-color:blue;" yang membuat latarbelakang paragraf
berwarna biru.
3. <font size="3" face="verdana" color="red">Ini sebuah teks!</font> tag <font>...</font>
tag ini digunakan untuk menformat teks dengan ukuran, warna dan bentuk, seperti
pada tag ini yaitu size=”3” , face=”verdana” dan color=”red” yang akan membuat
elemen didalamnya berukuran 3 dengan bentuk teks verdana dan berwarna merah.
4. <link rel="stylesheet" type="text/css" href="theme.css"> tag <link> digunakan
untuk link ke style sheet eksternal
No comments:
Post a Comment