Joedhy’s Weblog

Just another WordPress.com weblog

Belajar HTML Dengan Cara Cepat !

Ayo belajar HTML untuk memperindah tampilan blog Anda, karena wordpress blog ini bisa kita modifikasi lewat HTML tidak terlalu sulit untuk memahaminya. Dan sebenarnya apa yang diberikan pada kita untuk memposting itu berada di antara <body>……………..</body> sehingga perintah-perintah yang bisa kita modifikasi hanya di lingkup itu saja !

1. Membuat Link dengan suatu kata atau kalimat

<a href=”http://www.wordpress.com”>Menuju ke wordpress.com</a>

maka kalau perintah ini anda tulis di perintah HTML dalam postingan anda yang muncul cuma tulisan

Menuju ke wordpress.com

dan waktu anda sorot akan berubah menjadi tangan karena ini merupakan link yang menuju ke alamat http://www.wordpress.com. Jadi perintah dasar dari HTML nya cuma

<a href=”…………………..1………………”>………..2………..</a>

Angka 1 di atas merupakan alamat yang ingin anda jadikan link nya dan angka 2 adalah merupakan kalimat tulisan anda untuk menuju alamat pada nomor 1. Untuk lebih mudahnya copy paste aja alamat yang ada di address waktu anda mengakses suatu alamat di Internet.

2. Menampilkan Gambar

Untuk menampilkan gambar di dalam perintah HTML format dasarnya adalah

<img src=”………………………………………….”>

Maksudnya adalah img itu merupakan singkatan dari image dan src merupakan search atau kalau di padukan mempunyai arti mencari alamat gambar. Perhatikan contoh program HTML berikut !

<img src=”http://tbn0.google.com/images?q=tbn:-ZW4emsC-mzRgM:http://2.bp.blogspot.com/_nOVQheIE-Gk/SE5JPAtxuzI/AAAAAAAASeI/WZCn5aPUu2Y/s1600/Alessia%25252BCestaro-05.jpg”&gt;

Kalau anda lihat di visualnya akan tampil gambar berikut ini !

Mudah khan, Jadi sebenarnya kalau kita mau berpikir sedikit saja kita bisa membikin postingan yang lebih bagus dan lebih enak dilihat dan lebih inovatif.

3. Gambar di dalam bingkai tabel

Untuk menampilkan gambar dalam bingkai tabel sehingga dapat tertata dengan rapi kita hanya perlu sedikit paham format HTML untuk tabel !

<table border=”0″><tbody>

<tr>

<td><img src=”http://tbn2.google.com/images?q=tbn:sA7-uEs1PqI6IM:http://img211.imageshack.us/img211/4812/wakainoueasianwomanca5.jpg”></td&gt;

<td><img src=”http://tbn2.google.com/images?q=tbn:sA7-uEs1PqI6IM:http://img211.imageshack.us/img211/4812/wakainoueasianwomanca5.jpg”></td&gt;

<td><img src=”http://tbn2.google.com/images?q=tbn:sA7-uEs1PqI6IM:http://img211.imageshack.us/img211/4812/wakainoueasianwomanca5.jpg”></td&gt;

</tr>

</tbody> </table>

Perhatikan tampilan gambar di atas, gambar di atas bisa berjejer ke kanan karena adanya table tanpa border dan sebenarnya gambar-gambar ini berada dalam format tabel.

Perintah tabel adalah

<table border=”0″><tbody> …………………………….</tbody> </table>

dan di dalamnya ada perintah <tr>……………………….</tr> ini merupakan perintah row (baris) di dalam tabel <td>………………………..</td> ini merupakan perintah coulm (kolom) di dalam tabel. Jadi anda bisa mencoba sendiri berapa anda ingin membuat kolom dan barisnya di dalam tabel dan kalau anda perhatikan gambar 3 berderet di atas karena perintah menampilkan gambar kita copy paste di dalam <td>………</td> tiga kali jadi gambarnya muncul 3 berderet sesuai jumlah kolom !

Sebenarnya semua program pada intinya sama tinggal kita harus memahaminya dengan alur logika yang simple atau sederhana !

April 29, 2009 - Posted by | blog, download, Uncategorized

No comments yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: