Tidak bisa dipungkiri bahwasannya untuk berkecimpung di bisnis internet marketing atau bisnis online, bukan hanya dibutuhkan pengetahuan dasar mengenai produk maupun perihal marketing saja, tetapi juga pengetahuan dasar mengenai bahasa pemrograman atau yang biasa disebut dengan kode HTM (Hyper Text Mark up Language) (maaf kalau <span style="color: lime;">uprian</span> menyebutkan istilah yang salah, still amateur ^_^). Paling sedikit kita harus mengerti dasar-dasar penulisannya saja. Nah... pada kesempatan kali ini <span style="color: lime;">uprian</span> mencoba berbagi pengetahuannya mengenai dasar-dasar penulisan HTML kepada Anda semua yang masih pemula. Bagi yang sudah "Top Level"mending gak usah baca artikel ini :), for beginners only!Namun dalam pembelajaran kali ini kita tidak akan membahas tentang semua dasar-dasar HTML, tetapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, dll. Tentu tanpa alasan <span style="color: lime;">uprian</span> menulis artikel ini, sebab beberapa hari yang lalu, salah satu teman seperjuangan <span style="color: lime;">uprian</span>menanyakan tentang bagaimana cara mengedit template di blogger. Sempat bingung juga sih jelasinnya waktu itu, oleh karena itu <span style="color: lime;">uprian</span> coba ngejelasinnya lagi di blog ini, itung-itung juga buat teman-teman lainnya yang masih belum paham mengenai bahasa HTML :). Bagi Anda yang bukan dibidangnya, tidak perlu mempelajarinya terlalu jauh, cukup tahu dasar-dasarnya saja maka Anda akan mulai terbiasa dengan kode-kode HTML :). OK, langsung disimak penjelasannya berikut ini ya... :)
Dasar-Dasar HTML
<span style="color: blue;">** Membuat Huruf Tebal, Miring Dan Bergaris Bawah **</span><span style="color: red;">Kode:</span>
<b>teks</b>
<i>teks</i>
<u>teks</u>
<span style="color: red;">Hasil:</span><i>teks</i>
<u>teks</u>
Tebal
Miring
Garis Bawah
<span style="color: blue;">** Membuat Tulisan Format Numbering **</span>
<span style="color: red;">Kode:</span>
<ol>
<li>teks</li>
<li>teks</li>
</ol>
<span style="color: red;">Hasil:</span><li>teks</li>
<li>teks</li>
</ol>
- Urutan Pertama
- Urutan Kedua
<span style="color: blue;">** Membuat Tulisan Format Bullets **</span>
<span style="color: red;">Kode:</span>
<ul>
<li>teks</li>
<li>teks</li>
</ul>
<span style="color: red;">Hasil:</span><li>teks</li>
<li>teks</li>
</ul>
- Poin Pertama
- Poin Kedua
<span style="color: blue;">** CARA MEMASUKKAN GAMBAR **</span>
<span style="color: red;">Kode:</span>
<img src=<span style="color: red;">"http://i959.photobucket.com/albums/ae79/CelotehSesaat_PhotoArtDesign/DESIGN/links.gif</span>" border="0" height="26" width="90">
Keterangan:Teks <span style="color: red;">warna merah</span> adalah lokasi gambar Anda. Height="26", Width="90" adalah ukuran lebar dan tinggi gambar.
<span style="color: red;">Hasil:</span>
<span style="color: blue;">** CARA MEMBUAT LINK **</span>
<span style="color: red;">Kode:</span>
<a href=<span style="color: red;">"http://www.uprian.com/"</span>>Link Pengetahuan Dasar</a>
Keterangan:Teks <span style="color: red;">warna merah</span> adalah link yang dituju. Tulisan "Link Pengetahuan Dasar" adalah tulisan yang ditampilkan.
<span style="color: red;">Hasil:</span>
Link Pengetahuan Dasar
Jika Anda ingin link yang ditampilkan bukan tulisan melainkan gambar, maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan menjadi seperti ini:
<a href="http://www.uprian.com/"><img src="http://i959.photobucket.com/albums/ae79/CelotehSesaat_PhotoArtDesign/DESIGN/links.gif" border="0" height="26" width="90"></a>
Jika ingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://www.uprian.com"<span style="color: red;">Hasil:</span>
(dibuka pada window baru). (dibuka pada window yg sama)<span style="color: blue;">** Cara Menulis link dengan memberikan image disebelah tulisan link-nya **</span>
<span style="color: red;">Kode:</span>
<a href="http://www.blogger.com/" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExXfNHf_NZuPjxbupLZsGK72Fxy0MqmoAIIXYSnzCDULE6GQfY42OSpi33Ik0KgV_8_11ov295cb-trf6ihzAMSXSHKQmGjPVCqAjW_EbRHsNN5_4CUnBHNSKk6W6fv79pB3Mc6sgA0k/s1600/key.png) no-repeat left; padding-left:20px;" target="_blank">Login</a>
<span style="color: red;">Hasil:</span>Login
<span style="color: blue;">** CARA MEMBUAT LINK DOWNLOAD **</span>
<span style="color: red;">Kode:</span>
<a href="http://www.ziddu.com/download/8083094/HambatanTerbesarInternetMarketer_upriandotcom.zip.html">Download</a>
Keterangan: Teks yang dicetak tebal adalah alamat file tempat Anda menyimpannya, ganti teks tersebut dengan alamat tempat Anda menyimpan file.<span style="color: red;">Hasil:</span>
Download
<span style="color: blue;">** CARA MENGETENGAHKAN TEKS/GAMBAR **</span>
<span style="color: red;">Kode:</span>
<center>teks</center>
Keterangan:Ganti tulisan "teks" dengan tulisan yang Anda inginkan, atau bisa juga diganti dengan gambar.
<span style="color: red;">Hasil:</span>
<center>Teks/Gambar Di Tengah</center>
<span style="color: blue;">** CARA MEMBUAT BARIS BARU **</span>
<span style="color: red;">Kode:</span>
<br/>
Keterangan: Tambahkan kode tersebut sebelum objek (teks/gambar) yang dinginkan.<span style="color: blue;">** MEMBERI WARNA TEKS **</span>
<span style="color: red;">Kode:</span>
<font color="#FF0000">teks</font>
<font color="red">teks</font>
Keterangan: Ganti teks yang dicetak tebal dengan warna atau kode warna favorit Anda.<font color="red">teks</font>
<span style="color: red;">Hasil:</span>
<span style="color: red;">Merah</span>
<span style="color: blue;">Biru</span>
<span style="color: blue;">** KODE-KODE WARNA **</span>
<span style="color: blue;">** PENULISAN KARAKTER-KARAKTER KHUSUS **</span>
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
<span style="color: lime;">Uprian</span> rasa itu dulu mengenai dasar-dasar penggunaan HTML, memang tidak semua dasar-dasar HTML <span style="color: lime;">uprian</span>jelaskan dalam pembelajaran kali ini, tetapi kode-kode penting di atas merupakan tag yang sering digunakan dalam membangun sebuah web/blog. Ok, langsung Anda pelajari dengan seksama yah... Semoga pembelajaran mengenai HTML kali ini dapat bermanfaat bagi teman-teman semua, selamat mencoba... ^_^
-Salam Netpreneur-
"Ketekunan BISA membuat yang tidak mungkin menjadi mungkin, membuat kemungkinan jadi kemungkinan besar, dan membuat kemungkinan besar menjadi PASTI, LAKUKAN SAJA!"
