PERTEMUAN KEDUA
MATERI :
1. Mendalami struktur HTML, dan
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>
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
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
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), dan
4. GIF (Graphic Interchange Format.
Dari sisi pembentukannya gambar diciptakan dari dua
metode :
Dari sisi pembentukannya gambar diciptakan dari dua
metode :
1. Raster (Pixel)
2. Vektor
No comments :
Post a Comment