KOde DasAr HTML | Tips Blogspot | HTML

Posted by Tomomi Mizusawa On Wednesday, February 22, 2012 0 comments

Kode Dasar HTML ( Hyper Text Mark up Language ) inilah yang mendasari sebuah web/blog. Bila para pembaca sekalian tidak senang mengutak-atik file HTML pada blogger,itu sebenarnya wajar, apalagi untuk yang pemula (saya juga). Sebab, kemungkinan takut terjadi apa-apa pada blognya (hayo ngaku?). Sebenarnya ga' usah takut, Bahasa HTML berbeda dengan Bahasa Pemrogaman yang membutuhkan logika tingkat tinggi(walaupun bentuknya sama-sama rumit), HTML cuma butuh kreativitas kita, kok bisa gimana? Karena keindahan sebuah Home Page tergantung bagaimana kita memadukan warna dan bidang yang di bentuk dari Bahasa HTML tadi.. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi 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, membuat barus baru dll. Ok mari kita mulai,..


Cara Memasukkan Gambar
<img src=" http://i1089.photobucket.com/albums/i348/mh120/Al-Narut-4Ek0R.gif " " border="0" height="17" width="90">
warna biru adalah lokasi gambar kamu.  height="17" width="90" adalah ukuran lebar dan tinggi gambar.



Cara Membuat Link

<a href="http://www.kolombloggratis.blogspot.com" >Kolom Blog Gratis</a>
Text warna biru adalah link yang dituju.  Tulisan "Kolom Blog Gratis" adalah tulisan yang ditampilkan. Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini : 

<a href="http://www.kolombloggratis.blogspot.com"target="_blank"><img src="http://i496.photobucket.com/albums.gif " border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://kolombloggratis.blogspot.com"



Cara Mengetengahkan Text / Gambar
<center>text</center> Ganti tulisan "text" dengan tulisan yana kamu inginkan, atau bisa juga diganti dengan gambar dan photo. 



Cara Membuat Baris Baru

<br> Tambahkan kode tersebut sebelum objek ( text / gambar ).


Membuat Huruf Tebal, Miring, Garis Bawah
<b>text</b>, <i>text</i>, <u>text</u> Hasil : Tebal, Miring, Garis Bawah. 


Cara Memberi Warna Text
<font color="#FF0000"> text </font>, <font color="red"> text </font> 
Ganti text yang warna biru dengan warna atau kode warna kesukaanmu.


Kode - Kode Warna













Warna
Kode


#000000


#999999


#FFFFFF


#FF0000


#00FF00


#0000FF


#FFFF00


#00FFFF


#FF00FF


#9900FF


#FF6600


Penulisan Karakter Khusus
Untuk penulisan karakter khusus Beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, untuk menuliskanya harus menggunakan kode - kode HTML tertentu.

Semoga artikel KOde DasAr HTML | Tips Blogspot | HTML bermanfaat bagi Anda.

Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

Post a Comment