Selasa, 20 November 2012

Hyperlink digunakan untuk menghubungkan antar dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:
<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> 
akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url  
agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/" target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" 
style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://htmlcssguides.com/belajar-css/">Link ini</a>
akan membawa anda ke halaman belajar css.
</body>
</html>
Preview
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
<a href="http://www.yahoo.com"> <img src="yahoo.gif"

border="0" width="147" height="31"></a>
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.

<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0"

width="147" height="31" align="left"></a>
 
Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suatu tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:

<a href="http://www.yahoo.com" title="Hai klik gambar ini maka anda akan dibawa ke Yahoo.com">

<img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a>

Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
<a href="http://www.yahoo.com">

<img border="0" src="contoh.jpg" width="120"

height="30" align="left" alt="Text Alternatif Yahoo.com"></a>
Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah: Text Alternatif Yahoo.com
Diposting oleh di Tidak ada komentar:

Frame pada Website dengan HTML

Merancang Frame pada Website dengan HTML Programming


Frame yang kita ketahui dalam bahasa sehari-hari adalah bingkai, baik bingkai lukisan, foto ataupun semacamnya. Begitu pula dalam Web, frame juga diartikan sebagai bingkai, bedanya frame dalam website berfungsi sebagai sebuah tempat untuk meletakkan atau menampilkan informasi tertentu. Biasanya frame ini digunakan untuk menampilkan sebuah hyperlink, akan tetapi informasi dari hasil link tersebut tetap bisa dilihat pada halaman tersebut. Dengan kata lain frame merupakan area yang dibuat untuk menyatukan halaman yang berbeda.

Sintaks Dasar Frame

Untuk membuat frame dalam bentuk kolom, gunakan tag <frameset> dan berikan atribut cols serta berikan nilai pada atribut cols tersebut. Sdangkan untuk membentuk frame dalam bentuk baris atribut yang digunakan adalah rows dan berikan nilai pada atribut rows tersebut. Nilai atribut baik cols maupun row diukur dalam satuan % (persen). Untuk menuliskan frameset cols dan row perhatikan penggunaan tag frameset berikut :
Bentuk Kolom
<frameset cols = ”30%,*”>
Nilai 30% menunjukan luas area kolom 1, tanda * Menunjukan luas area yang tersisa setelah digunakan 30%

Bentuk Baris
<frameset rows = ”30%,*”>
Nilai 30% menunjukan luas area baris 1, tanda * Menunjukan luas area yang tersisa setelah digunakan 30%

Penggunaan sintaks secara lengkap adalah sebagai berikut :
Frame untuk kolom
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
output :



Frame untuk baris :
<html>
<frameset rows="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
output:


Frame Mixed/gabungan :
<html>
<frameset rows="50%,50%">
<frame src="frame_a.htm">
<frameset cols="25%,75%">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</frameset>
</html>
outputnya:

Untuk Improvisasi tentang frame HTML akan diulas di postingan selanjutnya, terima kasih.
Untuk Lebih Lengkapnya, silakan kunjungi :
www.w3schools.com/
Diposting oleh di Tidak ada komentar:

Minggu, 04 November 2012

Cara Menulis Artikel Yang Baik Pada Blog Anda

Cara Menulis Artikel Yang Baik Pada Blog Anda
Menulis artikel pada blog dapat di artikan sebagai kegiatan yang seru terutama dalam pemilihan kata dan kalimat yang akan kita pakai. Ada baik nya kita mengatahui apa saja cara dan aturan dalam menulis artikel pada blog, agar blog yang kita punya lebih menarik dan tidak dinilai sebagai blog yang hanya meng Copy-paste artike.
Untuk itu kita harus mengetahui cara menulis artikel yang baik, yaitu:
1.      
      Judul Artikel
Pemberian judul pada blog kita harus memilih judul yang sesuai dengan isi tulisan yang akan dibuat pada blog kita, agar para pengunjung bisa memahami isi blog serta mengerti dengan apa yang kita ingin sampaikan pada pembaca
 
           Kata-Kata
Setiap orang pasti memiliki gaya dan cara menulis yang unik jadi percayalah bahwa gaya penulisan anda tidak akan sama dengan orang lain. Jangan sekali-kali menduplikasi tulisan yang ada di web blog lain ke blog anda karena itu justru menguntungkan blog lain. Intinya adalah percaya pada diri sendiri akan keunikan yang kita miliki. serta pemilihan kalimat yang bertele-tele dapat membuat anda dan pembaca merasa bosan apalagi harus berlama-lama didepan komputer hanya demi membaca satu artikel saja.
3.  
             Materi
Dalam Mencari artikel kita usahakan jangan copas(copy-paste) dari web atau blog orang lain, karena itu dapat membuat buruk citra blog kita, dan membarikan kesan bahwa materi artikel yang kita buat hanya menngambil dari oranglain.
Ada baiknya jika materi yang kita buat mengambil dari orang lain, kita membaca terlebih dahulu dan menulis ulang materi tersebut dengan  menggunakan bahasa kita sendiri dan jangan lupa memberikan sumber, tanggal, dan waktu dari mana anda mendapatkan materi tersebut.
Sumber:
http://tobipuken.com/3-cara-menulis-artikel-blog/ (1-11-2012, 08.58).
http://caturariadie.com/blogging-tips/tips-menulis-artikel-blog-dan-media-online.html
(1-11-2012, 09.02)
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)