Dasar Dasar HTML

Kamis, April 01, 2010

Share Ke Facebookmu


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 :



I. CARA MEMASUKKAN GAMBAR

kode :


keterangan :

yang warna biru adalah lokasi gambar kamu.

height="17" width="90" adalah ukuran lebar dan tinggi gambar



II. CARA MEMBUAT LINK

Kode :

SitusTKJ

Keterangan :

Text warna biru adalah link yang dituju.

Tulisan "SitusTKJ" adalah tulisan yang ditampilkan.

Jika konten yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :

http://www.situstkj.co.cc/gambar.jpg" border="0" height="17" width="90">

Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.blogspot.com"




III. CARA MENGETENGAHKAN TEXT/GAMBAR

Kode :

text

Keterangan :

Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar



IV. CARA MEMBUAT BARIS BARU

Kode :


Keterangan :

Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan



V. MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH

Kode :

text text text

Hasil :

Tebal Miring Garis Bawah

VI. MEMBERI WARNA TEXT

#FF0000"> Merah #0000FF"> Biru

Keterangan :

Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.

Hasil :

Merah Biru

VII. KODE-KODE WARNA

Warna	Kode
Hitam	#000000
Abu-abu	#999999
Putih	#FFFFFF
Merah	#FF0000
Hijau	#00FF00
Biru	#0000FF
Kuning	#FFFF00
BiruMuda	#00FFFF
Pink	#FF00FF
Ungu	#9900FF
Orange	#FF6600

Kode2 warna selengkapnya bisa dilihat pada software Adobe Photoshop.

Pada saat fill warna centang pada webcolor only. Nah dikanan bawah box, akan ada keterangan saat anda mengklik warna yang anda inginkan.



VIII. 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
>	>
<	<
&	&
"	"
(spasi)