BELAJAR WEB BARENG

HTML DASAR (bab4a) : Menampilkan Gambar

Diposting oleh Unknown di 18.52 Selasa, 20 November 2012 0 komentar

Sebelum melakukan Latihan kali ini, siapkan file gambar (terserah Anda, tetapi usahakan file gambar yang ber-ektensi *.gif/jpg/jpeg/png)dan letakkan di : "My Documents/LatihanWeb/BAB4/ "
Untuk menampilkan gambar digunakan Tag <IMG>, atribut <IMG> antara lain :
- SRC = Letak gambar yang akan ditampilkan.
- ALIGN = Mengatur posisi teks pada gambar.
- BORDER= Untuk memberi bingkai pada gambar.
- HEIGHT= Untuk mengatur tinggi gambar.
- WIDTH = Untuk mengatur lebar gambar.
- ALT = Untuk memberikan tampilan teks ketika crusor berada di atas gambar.

MEMBUAT TAMPILAN GAMBAR :
save di : My Documents\LatihanWeb\Bab4\
nama file : bab4a.html

<HTML>
<HEAD>
<TITLE>LATIHAN MENAMPILKAN GAMBAR</TITLE>
</HEAD>
<BODY>
<CENTER><H1>WELCOME TO MY PAGES</H1></CENTER>

<IMG SRC="sunset.gif ALIGN="RIGHT" ALT="gambar matahari tenggelam">
ini adalah gambar dengan nama : sunset.gif


<IMG SRC="bunga.gif ALIGN="CENTER" ALT="gambar bunga">
ini adalah gambar dengan nama : bunga.gif

</BODY>
</HTML>

HTML DASAR (bab3f) : List Menu (OrderList)

Diposting oleh Unknown di 03.38 Rabu, 17 Oktober 2012 0 komentar

Tag <OL> digunakan untuk membuat sebuah Ordered List yang berupa nomor. Tag <OL> memiliki atribut TYPE yang dapat digunakan untuk menentukan bentuk bulet yang digunakan dalam list. Ada lima bentuk yang dapat dipilih pada atribut TYPE, yaitu : 1, a, A, i, I. Setiap teks yang akan dimaasukkan dalam list, ditandai dengan Tag <LI> di bagian depan teks tersebut.

MEMBUAT ORDERED :
save di : My Documents\LatihanWeb\Bab3\
nama file : bab3f.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT LIST ORDERED</TITLE>
</HEAD>
<BODY>
Pilih menu makanan yang anda suka : 
<OL TYPE=1>
<LI>Nasi Pecel</LI>
<LI>Nasi Goreng</LI>
<LI>Kakap Bakar</LI>
</OL>
 

Pilih menu minuman yang anda suka : 
<OL TYPE=A>
<LI>Es Jeruk</LI>
<LI>Jus Jambu Merah</LI>
<LI>Es Lemon Tea</LI>
</OL>
 

Pilih Tempat yang ingin Anda kunjungi : 
<OL TYPE=i>
<LI>New York</LI>
<LI>Hongkong</LI>
<LI>Kutub Utara</LI>
</OL>
</BODY>
</HTML>

HTML DASAR (bab3e) : List Menu UnOrderList

Diposting oleh Unknown di 00.00 0 komentar

Tag <UL> digunakan untuk membuat sebuah Unordered List. Tag <UL> memiliki atribut TYPE yang dapat digunakan untuk menentukan bentuk bulet yang digunakan dalam list. Ada tiga bentuk yang dapat dipilih pada atribut TYPE, yaitu : disc, square,circle. Setiap teks yang akan dimaasukkan dalam list, ditandai dengan Tag <LI> di bagian depan teks tersebut.

MEMBUAT UNORDERED :
save di : My Documents\LatihanWeb\Bab3\
nama file : bab3e.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT LIST UNORDERED</TITLE>
</HEAD>
<BODY>
Pilih menu makanan yang anda suka : 
<UL TYPE=disc>
<LI>Nasi Pecel</LI>
<LI>Nasi Goreng</LI>
<LI>Kakap Bakar</LI>
</UL>
 

Pilih menu minuman yang anda suka : 
<UL TYPE=square>
<LI>Es Jeruk</LI>
<LI>Jus Jambu Merah</LI>
<LI>Es Lemon Tea</LI>
</UL>
 

Pilih Tempat yang ingin Anda kunjungi : 
<UL TYPE=circle>
<LI>New York</LI>
<LI>Hongkong</LI>
<LI>Kutub Utara</LI>
</UL>
</BODY>
</HTML>

HTML DASAR (bab3d) : Link Anchor

Diposting oleh Unknown di 23.20 Selasa, 16 Oktober 2012 0 komentar

Hyperlink juga dapat digunakan untuk meloncat ke bagian (section) tertentu dalam halaman web yang sama. bagian yang dituju harus di tandai terlebih dahulu menggunakan atribut ID dalam tag <A>.. Dan untuk meloncat ke bagian yang sudah ditandai, tuliskan nama bagian tersebut dalam atribut HREF dengan diawali karakter "#".

MEMBUAT HYPERLINK DALAM BAGIAN HALAMAN YANG SAMA:
save di : My Documents\LatihanWeb\Bab3\
nama file : bab3d.html

<HTML>
<HEAD>
<TITLE>LATIHAN HYPERLINK KE BAGIAN HALMN YANG SAMA</TITLE>
</HEAD>
<BODY>
Klik bgian yang ingin dituju :
 
<A HREF=#bagian1>Menuju Bagian 1</A>
 
<A HREF=#bagian2>Menuju Bagian 2</A>
 
<A HREF=#bagian3>Menuju Bagian 3</A>
 
 
<HR>

&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp

<A ID=bagian1>Bagian Kesatu</A>
Ini adalah bagian kesatu, bagian ini ditandai dengan ID=bagian1 
<HR>

&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp

<A ID=bagian2>Bagian Kedua</A>
Ini adalah bagian kedua, bagian ini ditandai dengan ID=bagian2 
<HR>

&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp

<A ID=bagian3>Bagian Ketiga</A>
Ini adalah bagian ketiga, bagian ini ditandai dengan ID=bagian3 
<HR>
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
&nbsp
</BODY>
</HTML>

HTML DASAR (bab3c) : Membuat Hiperlink ke File Beda Folder

Diposting oleh Unknown di 23.10 12 komentar

Kita akan mencoba membuat link ke latihan bab 1 dan bab 2 yang telah kita simpan dalam latihan yang sudah-sudah. Untuk keluar Folder menggunakan code "../" (titik titik slash).

MEMBUAT HYPERLINK KE FILE YANG BERBEDA FOLDER :
save di : My Documents\LatihanWeb\Bab3\
nama file : bab3c.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT HYPERLINK KE FILE YANG BERBEDA FOLDER</TITLE>
</HEAD>
<BODY>
Ini Hyperlink ke Latihan Bab 1 E :
<A HREF="../BAB1/bab1e.html">Buka Latihan Bab 1 E</A>
 
Ini Hyperlink ke Latihan Bab 1 F :
<A HREF="../BAB1/bab1f.html">Buka Latihan Bab 1 F</A>
 
Ini Hyperlink ke Latihan Bab 2 A :
<A HREF="../BAB2/bab2a.html">Buka Latihan Bab 2 A</A>
 
Ini Hyperlink ke Latihan Bab 2 B :
<A HREF="../BAB2/bab2b.html">Buka Latihan Bab 2 B</A>
 
</BODY>
</HTML>

HTML DASAR (bab3b) : Membuat Link ke File Lain

Diposting oleh Unknown di 21.04 0 komentar

Karena sub bab ini kita belajar tentang link ke file lain, maka kita akan buat dua file html.

MEMBUAT HYPERLINK KE FILE LAIN :
save di : My Documents\LatihanWeb\Bab3\
nama file : bab3a-1.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT HYPERLINK KE FILE LAIN</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>HALAMAN PERTAMA</H1>
 
Klik <A HREF="bab3b-2.html">di sini</A> untuk menuju ke halaman ke dua.
</CENTER>
</BODY>
</HTML>

-------------------------------------------------------------

save di : My Documents\LatihanWeb\Bab3\
nama file : bab3b-2.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT HYPERLINK KE FILE LAIN</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>SELAMAT DATANG DI FILE KE DUA</H1>
 
Klik <A HREF="bab3b-1.html">di sini</A> untuk KEMBALI ke halaman ke PERTAMA.
</CENTER>
</BODY>
</HTML>

HTML DASAR (bab3a) : Membuat Hyperlink ke Halaman Web Lain

Diposting oleh Unknown di 00.34 Sabtu, 13 Oktober 2012 0 komentar

MEMBUAT HIPERLINK KE HALAMAN URL WEB LAIN :
maksud dari Hyperlink ini adalah untuk menghubungkan ke halaman lain. halaman ini bisa berupa alamat situs web yang sudah ada maupun berupa nama file berformat web( js / html / htm / php dan sebagainya).
Saat ini kitta membahas tentang hyperlink ke halaman url web lain. Untuk hyperlink ke url lainmenggunakan tag <a>..</a> , dalam atribut Href wajib memakai "http://" jika tidak maka akan dibaca sebagai nama file.
atributnya adalah :
-Href = alamat yang di tuju.
-target= tujuan penempatan halaman yang dipanggil. (SELF/TOP/PARENT = akan mengganti halaman semula dengan halaman yang baru saja dipanggil. BLANK= akan membuka halaman yang dipanggil ke dalam halaman yang baru.

save di : My Documents\LatihanWeb\Bab3\
nama file : bab3a.html

<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT HYPERLINK KE WEB LAIN</TITLE>
</HEAD>
<BODY>
Ini Hyperlink ke web facebook :
<A HREF="http://www.facebook.com" target="_self"> Buka web facebook</A>
 

Ini Hyperlink ke web yahoo :
<A HREF="http://www.yahoo.com" target="_blank"> Buka web yahoo</A>
 

Ini Hyperlink ke web google :
<A HREF="http://www.google.com" target="top"> Buka web GOOGLE</A>
 

</BODY>
</HTML>

Mengenai Saya