Tutorial 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. Setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML.

Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi akan mempelajari suatu trik blogspot dengan tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog, misalnya :

* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://ur8an.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 :
<a href="http://ur8an.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://ur8an.blogspot.com" target="_blank"><img src="http://ur8an.blogspot.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://ur8an.blogspot.com"




* CARA TENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yang 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> ==> Tebal
<i>text</i> ==> Miring
<u>text</u> Garis Bawah





* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font> ====> Merah
<font color="red"> text </font> ====> biru
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.




* KODE-KODE WARNA

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

#Maaf kode warnanya hanya segitu saja.....yang lain cari di paman Google aja...



* 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
>	>
<	&lt;
&	&amp;
"	&quot;
(spasi)	&nbsp;

Artikel Terkait by Categories

Bagikan