Rabu, 01 Februari 2012

Kode-kode Html dasar

Semoga postingan kali ini bisa bermanfaat bagi kawan-kawan yang baru belajar Html ataupun Baru belajar blogging di blogger. saya akan postingkan sebagian kode html yang mungkin bisa bermanfaat dan membantu dalam mengelola blog kawan pada menu Html dalam blogger.



1. Kode Html untuk menampilkan Image
<img alt="yahoo" src="http://1.bp.blogspot.com/-IL6VGFxX2RQ/TfQiYu3JEhI/AAAAAAAAAqQ/3rvL__z3JME/s1600/YM-online.png"/>

Keterangan:
-alt="yahoo" : adalah keterangan dari gambar
-src="http://1.bp.blogspot.com/-IL6VGFxX2RQ/TfQiYu3JEhI/AAAAAAAAAqQ/3rvL__z3JME/s1600/YM-online.png" : merupakan alamat link image yang digunakan, untuk link imagenya sendiri bisa kawan dapatkan dari upload gambar pada posting blogger, tepatnya pada edit html setelah gambar di upload, atau pun pada situs-situs penyedia fasilitas upload image seperti photobucket , dan Picasa.

Contoh Hasilnya :
yahoo

2. Membuat teks berada di tengah
<center>Ini Adalah Huruf yang disimpan dibagian tengah</center>

Contoh Hasilnya:




Ini Adalah Huruf yang disimpan dibagian tengah


3. Membuat menu link
<a href="http://www.kangdadang.co.cc"/>Tutorial Blogger</a>
Keterangan:
- http://www.kangdadang.co.cc : adalah Link yang dituju
-Tutorial Blogger : Nama Tampilan dari Link
Contoh Hasilnya :
Tutorial Blogger
jika di klik akan menuju Link yang dituju.

4. Membuat Link target Blank atau link dibuka di Tab Baru
<a href="http://www.kangdadang.co.cc" target="_blank"/>Tutorial Blogger</a>

Contoh Hasilnya :
Tutorial Blogger
jika di klik akan menuju Link yang dituju pada tab baru.

5. Teks Bercetak Miring, Tebal, dan bergaris bawah
<i>Teks Bercetak Miring</i>
<b>Teks Bercetak Tebal</b>
<u>Teks Bergaris Bawah</u>
Contoh Hasilnya:
Teks Bercetak Miring
Teks Bercetak Tebal
Teks Bergaris Bawah

6. Membuat teks berwarna sesuai keinginginan
<font color="#DF0101">Teks Warna Merah</font >
 Contoh Hasilnya :
Teks Warna Merah
Tambahan: Untuk melihat contoh kode warna klik disini

7. Menambahkan teks effect berwarna dengan lainnya yang telah dibahas
-Image dengan link:
<a href="http://www.kangdadang.co.cc" target="_blank"/><img alt="yahoo" src="http://1.bp.blogspot.com/-IL6VGFxX2RQ/TfQiYu3JEhI/AAAAAAAAAqQ/3rvL__z3JME/s1600/YM-online.png"/></a>
Contoh Hasilnya:
yahoo
jika di klik gambarnya maka kan menuju link yang telah ditentukan pada Tab baru

- Tampilan Link Becetak miring:
<a href="http://www.kangdadang.co.cc" target="_blank"/><i>Tutorial Blogger<i/></a>
Contoh Hasilnya:
Tutorial Blogger
- ataupun seperti ini dengan Link yang diberi warna:
<a href="http://www.kangdadang.co.cc" target="_blank"/><i><font color="#DF0101">Tutorial Blogger</font><i/></a>
Dengan Tampilan:
Tutorial Blogger

Ataupun juga Yang Seperti ini link berwarna dengan cetak miring:
<a href="http://www.kangdadang.co.cc" target="_blank"/><i><font color="#DF0101">Tutorial Blogger</font><i/></a>
Dengan Tampilan:
Tutorial Blogger

8. Membuat baris baru
Teks ini adalah contoh teks yang akan ditambah baris baru<br/>dan sebagian teks ini adalah bagian yang menjadi baris barunya.
Contoh hasilnya:
Teks ini adalah contoh teks yang akan ditambah baris baru
dan sebagian teks ini adalah bagian yang menjadi baris barunya.
9. Teks effect Berkedip
<blink>Ini Adalah Teks efeect Berkedip</blink>

Contoh Hasilnya:
Ini Adalah Teks effect Berkedip

Seperti itu kawan, semoga dapat dimengerti dengan baik, dan tidak sampai disitu saja karena bisa bervariatif tinggal sesuaikan dengan keinginan saja. sekian dan semoga bisa bermanfaat.
untuk selebihnya dari kode-kode html mungkin bisa ditanyakan langsung, dan semoga bisa saya bantu. :)

Tidak ada komentar:

Poskan Komentar

;