PERTEMUAN KEDUA
Materi :
1. Mendalami struktur HTML
2. Memahami tag-tag dasar HTML
HTML ( Hypertext Markup Language) merupakan bahasa standar
untuk merancang web.
HTML disusun dari tag-tag.
Contoh tag yaitu : <html>, <head>,
<title>, <body>
Umumnya tag html disusun secara berpasangan.
Contoh :
<html>
</html>
Latihan :
1. Aktifkan notepad
Kode html dapat diketikkan dari sembarang editor yang dapat
menyimpan dalam format teks. Editor yang umumnya dipakai para perancang web spt
: notepad, adobe dreamweaver cs 5, ms front page
2. Ketikkan struktur html
<html>
<head>
<title>Praktikum
2</title>
</head>
<body>
</body>
</html>
3. Simpan kode html dengan nama prak2.html
4. Aktifkan web browser (Mozilla, opera,
google chrome, apple safari, netscape navigator, mosaic, dsb....)
5. Buka file prak2.html dari web browser
Tag-Tag Dasar Html
|
No
|
Tag
|
Keterangan
|
Kepanjangan
|
Contoh
|
|
1
|
<hn>, n=1,2,3,4,5,6
|
Membuat judul
|
Header
|
|
|
2
|
<p>
|
Tulisan paragraph
|
Paragraph
|
|
|
3
|
<img src=>
|
Menyisipkan gambar ke halaman web
|
Image
|
|
|
4
|
<a href=></a>
|
Anchor
Hyperlink reference
|
||
|
5
|
<br>
|
Kursor turun baris / ENTER
|
break
|
|
|
6
|
<ol>
|
Ordered list
(penomoran berurut)
|
||
|
7
|
<ul>
|
Unordered list
(penomoran tidak berurut)
|
Entitas à kata yang mewakili suatu simbol
|
<
|
Less than
|
<
|
|
>
|
Greather than
|
>
|
|
|
Non breaking space
|
Spasi
|
|
©
|
Copy right
|
@
|
Tipe-Tipe Gambar :
1. JPG (Joint Photographic Group)
2. BMP (Bitmap)
3. PNG (portable network graphic)
4. GIF (Graphic Interchange Format)
Dari sisi pembentukannya gambar diciptakan dari dua metode :
1. Raster (Pixel)
2. Vektor
No comments:
Post a Comment