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 barus baru dll. Ok marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR

kode :

<img src="http://anstc.com/banner-trik.gif" border="0" height="17" width="90">

keterangan :
yang warna merah adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar

* CARA MEMBUAT LINK

Kode :

<a href="http://andye-stc.blogspot.com" >trik blog </a>

Keterangan :
Text warna merah 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://andye-stc.blogspot.com" target="_blank"><img src="http://anstc.com/banner-trik.gif" border="0" height="17" width="90"> </a>

Keterangan :
Text warna merah adalah link yang dituju
Text warna biru link gambar atau target kamu
Text warna hijau ukuran gambar
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode "target="_blank" setelah kode "http://anstc.com/banner-trik.gif"
Hasil :
( dibuka pada window yg sama )
( dibuka pada window baru )

* CARA MENGETENGAHKAN TEXT/GAMBAR

Kode:

<cebter>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>

Hasilnya :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT

<font color="#FF0000"> text </font>   

Keterangan :
Ganti text warna merah dengan warna atau kode warna kesukaanmu.
Untuk melihat Kode Warna ada di urutan selanjutnya dibawah ini

* KODE-KODE WARNA

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 : ... sedang update  

Selamat Mencoba.........