Selamat datang di blog-ku..sugeng rawuh sugeng midangetaken..blog ini berisi semua yang menjadi hobiku..

Selasa, 25 Oktober 2011

Dasar-Dasar Html

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 baris baru dll. Ok mari kita mulai pelajarannya :

* CARA MEMASUKKAN GAMBAR
kode :
http://iwak-komputer.blogspot.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

* CARA MEMBUAT LINK
Kode :
http://iwak-komputer.blogspot.com/" >trik blog
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.

Jika ingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
http://trik-tips.blogspot.com" target="_blank">http://iwak-komputer.blogspot.com/banner-trik.gif" border="0" height="17" width="90">
Jika ingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.blogspot.com"

* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
text

Keterangan :
Ganti tulisan "text" dengan tulisan yang kamu inginkan, tau abisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU
Kode :


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

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
text
text
text

Hasil :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT
text
text

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 menuliskannya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
Karakter
Kode
>
>
<
<
&
&
"
"
(spasi)
 

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Hosted Desktops