Dasar Dasar HTML 2

Ada seorang teman bertanya begini, bang gimana caranya agar kode HTML bisa tampil di posting-an blog? Nah dari situ muncul ide untuk membuat posting-an ini, barangkali ada diantara kawan-kawan semua yang juga mempunyai pertanyaan seperti itu? jawabannya mungkin begini. Agar kode-kode HTML dapat muncul pada posting-an blog kita, ada beberapa cara dan yang saya ketahui saat ini cuma baru dua cara ( barangkali kawan-kawan ada yang lebih tahu ).


* CARA MEMASUKKAN GAMBAR
kode :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx-GXqHq7qR9alyaDq9Rx2Wz6_g3-KJRJXhmT46d_zOut_hyhw_eBYjK3VAX0lL7VnmpHdf090NKcuzCi_0VVECjktmgLb3Q9CYCJLPPjjwmW3hURNQ8pK_7CSDpiF39TBdOZnhJAXrLQ/s320/tuker+links.jpg" 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://banditz-community.blogspot.com/" >jhon banditz </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "jhon banditz" 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://banditz-community.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx-GXqHq7qR9alyaDq9Rx2Wz6_g3-KJRJXhmT46d_zOut_hyhw_eBYjK3VAX0lL7VnmpHdf090NKcuzCi_0VVECjktmgLb3Q9CYCJLPPjjwmW3hURNQ8pK_7CSDpiF39TBdOZnhJAXrLQ/s320/tuker+links.jpg" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://banditz-community.blogspot.com/"
Hasil :
jhon banditz (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

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