MENINJAU ULANG
(PENGENALAN html)




HTML = HyperText Markup Language
merupakan standar bahasa yang
digunakan untuk menampilkan dokumen
web
Untuk membuat...








Kode khusus yang merupakan komponen
fundamental pada dokumen web dan akan
dikenali oleh browser
Nama TAG ditul...






Beberapa tag mengandung atribut
didalamnya, contoh: <p align=“center”>
Pada contoh di atas, p adalah nama tag,
se...







Tag utama adalah HTML, HEAD, dan BODY
Fungsi tag HTML adalah untuk menyatakan
bahwa dokumen tersebut adalah dok...


Struktur dokumen:
<HTML>
<HEAD>
bagian head
</HEAD>
<BODY>
bagian body
</BODY>
</HTML>






Untuk membuat judul pada suatu dokumen
web, digunakan tag <TITLE> .. </TITLE>
TITLE bukanlah suatu bagian dari te...






HTML menyediakan 6 (enam) buah tag yang
digunakan untuk mengatur ukuran teks yang
dijadikan sebagai judul dalam b...





Tag <P> digunakan untuk membuat paragraf,
dapat ditambahkan atribut semisal align
Contoh:
<P align=“center”> ..isi...




Untuk membuat garis horizontal pada
dokumen web digunakan tag <HR>
Atribut pada tag <HR>
Size : Menentukan ketebalan...



Digunakan untuk melakukan format teks
Tag yang digunakan:
<b>
: Menebalkan teks
<i>
: Memiringkan teks
<u>
: Menggari...





Digunakan untuk menentukan jenis, warna,
mau pun ukuran huruf
Tag yang digunakan <font>
Dapat menambah atribut:
Si...


BLOCKQUOTE
• Digunakan untuk membuat kutipan yaitu teks yang
menjorok ke dalam dan baris kosong
• Tag yang digunakan <b...




HTML menyediakan sejumlah simbol yang berguna untuk
menampilkan makna khusus bagi browser
Kode HTML yang digunakan:
...






<ul> adalah tag untuk membuat daftar item
tidak berurut
<li> adalah tag untuk membuat item dari
daftar urutan
Tag...





<ol> adalah tag untuk membuat daftar item
berurut
<li> adalah tag untuk membuat item dari
daftar urutan
Tag list t...




Pada daftar item tidak berurut maupun daftar
item berurut dapat bersifat berkalang
Dimana suatu daftar item dapat be...








GIF : Graphics Interchanger Format, hanya
mendukung 256 warna
JPEG : Joint Photographics Expert Group,
menggun...
Untuk membuat latar belakang pada halaman
web, digunakan atribut background pada tag
<body ..>
Contoh : <body background=“...
Height : Menentukan tinggi gambar
 Width : Menentukan lebar gambar
 Border : Memberi bingkai pada gambar
 Hspace : Mene...








Bottom : Meratakan bagian bawah teks
dengan bagian bawah gambar
Top : Meratakan bagian atas gambar dengan
bag...
Penghubung ke halaman-halaman web/file
yang lain
 Tag yang digunakan adalah anchor tag,
contoh: <a href=“URL”>LABEL DISIN...








http://  Web
ftp://  Server ftp
File://  Berkas ftp
News://  Newsgroup UseNet
mailto://  E-mail
telnet:...
Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2
Upcoming SlideShare
Loading in …5
×

Presentation 1 - Desain dan pemrograman web 2

1,057 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,057
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
54
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentation 1 - Desain dan pemrograman web 2

  1. 1. MENINJAU ULANG (PENGENALAN html)
  2. 2.   HTML = HyperText Markup Language merupakan standar bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa ditampilkan di browser, perlu menuliskan kode HTML baik secara langsung misal pada editor text (Notepad), maupun secara tidak langsung misal melalui software Frontpage
  3. 3.     Kode khusus yang merupakan komponen fundamental pada dokumen web dan akan dikenali oleh browser Nama TAG ditulis di dalam tanda < dan > dan untuk TAG penutup ditambakan tanda / Boleh dituliskan dengan huruf besar maupun kecil Digunakan sepasang, contoh: <H1> dan </H1>
  4. 4.    Beberapa tag mengandung atribut didalamnya, contoh: <p align=“center”> Pada contoh di atas, p adalah nama tag, sedangkan align adalah nama atribut Atribut pada umumnya melibatkan value, seperti pada contoh, “center” adalah value untuk atribut align
  5. 5.     Tag utama adalah HTML, HEAD, dan BODY Fungsi tag HTML adalah untuk menyatakan bahwa dokumen tersebut adalah dokumen HTML Fungsi tag HEAD adalah untuk memberikan informasi tentang dokumen HTML itu sendiri Fungsi tag BODY adalah untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML
  6. 6.  Struktur dokumen: <HTML> <HEAD> bagian head </HEAD> <BODY> bagian body </BODY> </HTML>
  7. 7.    Untuk membuat judul pada suatu dokumen web, digunakan tag <TITLE> .. </TITLE> TITLE bukanlah suatu bagian dari teks dokumen dan hanya berada pada bagian HEAD TITLE biasanya ditampilkan pada browser pada title bar dari jendela browser dan biasanya berfungsi sebagai label dari jendela browser tersebut
  8. 8.    HTML menyediakan 6 (enam) buah tag yang digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen Tag-tag judul ini berupa: <H1> .. </H1> sampai dengan <H6> .. </H6> Dapat ditambahkan atribut, misal align dengan value: left, right, justify
  9. 9.    Tag <P> digunakan untuk membuat paragraf, dapat ditambahkan atribut semisal align Contoh: <P align=“center”> ..isi paragraf.. </P> Untuk membuat garis baru atau berpindah baris digunakan tag <BR> Untuk memberikan komentar yang nantinya statement tersebut akan diabaikan oleh browser, digunakan tanda <!- dan diakhiri dengan -->
  10. 10.   Untuk membuat garis horizontal pada dokumen web digunakan tag <HR> Atribut pada tag <HR> Size : Menentukan ketebalan garis Width : Menentukan lebar garis Align : Menentukan peletakan teks dalam baris Noshade : Mengatur agar baris tidak disertai bayangan
  11. 11.   Digunakan untuk melakukan format teks Tag yang digunakan: <b> : Menebalkan teks <i> : Memiringkan teks <u> : Menggarisbawahi teks <s> : Memberi coretan teks <tt> : Membuat teks font courier (mesin ketik) <sup> : Membuat superscript <sub> : Membuat subscript <big> : Membesarkan teks <small> : Mengecilkan teks
  12. 12.    Digunakan untuk menentukan jenis, warna, mau pun ukuran huruf Tag yang digunakan <font> Dapat menambah atribut: Size : Ukuran huruf Face : Jenis huruf Color : Warna huruf
  13. 13.  BLOCKQUOTE • Digunakan untuk membuat kutipan yaitu teks yang menjorok ke dalam dan baris kosong • Tag yang digunakan <blockquote>  PREFORMATTED • Memerintahkan browser untuk menampilkan teks tepat seperti yang diketikkan dalam dokumen HTML • Tag yang digunakan <pre>
  14. 14.   HTML menyediakan sejumlah simbol yang berguna untuk menampilkan makna khusus bagi browser Kode HTML yang digunakan: Simbol HTML Simbol HTML Ä &Auml; ä &auml; Ë &Euml; ë &euml; Ï &Iuml; ï &iuml; Ö &Ouml; ö &ouml; Ü &Uuml; ü &uuml; β &szlig; ¼ &frac14; © &copy; < &lt; ® &reg; > &gt; ™ &#8482 » &raquo; Spasi &nbsp; « &laquo; & &amp; ÷ &divide; x &times;
  15. 15.    <ul> adalah tag untuk membuat daftar item tidak berurut <li> adalah tag untuk membuat item dari daftar urutan Tag list tersebut dapat ditambahkan atribut TYPE dengan nilai: Disc : Bulatan hitam (●) Square : Kotak (■) Circle : Bulatan kosong (○)
  16. 16.    <ol> adalah tag untuk membuat daftar item berurut <li> adalah tag untuk membuat item dari daftar urutan Tag list tersebut dapat ditambahkan atribut TYPE dengan nilai: 1 : Angka latin A : Huruf A a : Huruf a I : Angka romawi
  17. 17.   Pada daftar item tidak berurut maupun daftar item berurut dapat bersifat berkalang Dimana suatu daftar item dapat berada di dalam daftar item yang lain
  18. 18.     GIF : Graphics Interchanger Format, hanya mendukung 256 warna JPEG : Joint Photographics Expert Group, menggunakan 24 bit untuk setiap warna PNG : Portable Network Graphics, dirancang oleh W3C dengan format yang tidak tergantung jenis komputer dan OS yang digunakan TIFF/TIF : Tangged Image File Format
  19. 19. Untuk membuat latar belakang pada halaman web, digunakan atribut background pada tag <body ..> Contoh : <body background=“image_file”>  Tag yang digunakan <img src=“image_file”>  Atribut pada tag <img>  Align : Mengatur perataan gambar  Alt : Menyediakan teks pengganti gambar 
  20. 20. Height : Menentukan tinggi gambar  Width : Menentukan lebar gambar  Border : Memberi bingkai pada gambar  Hspace : Menentukan spasi horizontal suatu gambar dengan objek sekitarnya  Vspace : Menentukan spasi vertikal suatu gambar dengan objek sekitarnya  Membuat link dengan gambar, digunakan tag <a href=“link_tujuan”><img src=“image_file”>Teks disini</a> 
  21. 21.      Bottom : Meratakan bagian bawah teks dengan bagian bawah gambar Top : Meratakan bagian atas gambar dengan bagian paling atas suatu item pada baris saat ini Middle : Meratakan bagian tengah gambar dengan bagian bawah teks Left : Meletakkan gambar di sebelah kiri teks Right : Meletakkan gambar di sebelah kanan teks
  22. 22. Penghubung ke halaman-halaman web/file yang lain  Tag yang digunakan adalah anchor tag, contoh: <a href=“URL”>LABEL DISINI</a>  Untuk menentukan warna hyperlink, dapat digunakan atribut pada tag <body ..>  Link : Menentukan warna link  Alink : Menentukan warna link aktif  Vlink : menentukan warna link sesudah dikunjungi 
  23. 23.       http://  Web ftp://  Server ftp File://  Berkas ftp News://  Newsgroup UseNet mailto://  E-mail telnet://  Telnet

×