14 February 2008

(16) Comments

Dasar Dasar HTML

Kendhin

Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. 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 marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90">
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
hasil :


* CARA MEMBUAT LINK
Kode :
<a href="http://trik-tips.blogspot.com" >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" 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://trik-tips.blogspot.com" target="_blank"><img src="http://kendhin.890m.com/banner-trik.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://trik-tips.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)

* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>

Hasil :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>

Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru

* KODE-KODE WARNA

WarnaKode
 #000000
 #999999
 #FFFFFF
 #FF0000
 #00FF00
 #0000FF
 #FFFF00
 #00FFFF
 #FF00FF
 #9900FF
 #FF6600


Kode2 warna selengkapnya bisa dilihat DISINI

* PENULISAN KARAKTER-KARAKTER KHUSUS
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 :
Karakter
Kode
>
&gt;
<
&lt;
&
&amp;
"
&quot;
(spasi)
&nbsp;




Artikel yang Berhubungan :



Jumlah Komentar = 16
05 July, 2008
good job
06 July, 2008
tks mas atas sharing nya
10 July, 2008
thanks tutorialnya
Anonymous said :
12 July, 2008
mas bisa nerbitkan HTML khusus yg ada di blog nggak ? lumayan bagus...thks
Fla said :
23 July, 2008
klo kode untuk men-justify teks apa ya, mas? :)

Trima kasih jawabannya :)
D13_Dhonk said :
09 August, 2008
qu pengen belajar jdi webmaster tpi dalam waktu yang cepat!!!
kentuti said :
09 August, 2008
wow....
bagi pemula cukup berat mas...
mhon bantuan lgi ya..
pewok said :
14 August, 2008
bos kendhin gimana caranya buat kode(source) biar bisa masuk ke dalam postingan...
seperti yang diatas itu
moon bantuannya
24 August, 2008
sadiiis.......
ane sebagai pemula bisa ngerti.....
kerenz........
jukir said :
30 August, 2008
Thanks berat bos...
Briptu PRIE said :
15 September, 2008
GIMANA CARA BIKIN IMAGE HEADER BIAR BISA DILETAKKAN TERPISAH ANTARA JUDUL HEADER SEBELAH KIRI DAN IMAGE BISA DILETAKKAN DI KANAN, MAS?
Anonymous said :
22 September, 2008
:@
22 September, 2008
u made my day, pal!
Anonymous said :
08 October, 2008
om..sayakan baru punya acount web di 000webhost.com neh.cara pengeditannya gmn ya,soalnya gw kurang tau...makhlum g tamat smphttp://kendhin.890m.com/emoticon/ngakak.gif.capoeng-88@yahoo.co.id.jika berkenan membantu saya.thank
Anonymous said :
08 October, 2008
:f
sugiarto said :
28 October, 2008
ms mau tanya gmana caranya ya agar bloger saya bisa muncul waktu di search di google

Post a Comment