Memahami Dasar-Dasar html dalam Pembutan Web atau Blog

Create Post by. BlogLowker

Sebuah Home Page, Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Bila para pembaca sekalian tidak senang mengutak-atik file HTML pada blogger,itu sebenarnya wajar, apalagi untuk yang pemula (saya juga). Sebab, kemungkinan takut terjadi apa-apa pada blognya.

ebenarnya ga usah takut, Bahasa HTML berbeda dengan Bahasa Pemrogaman yang membutuhkan logika tingkat tinggi(walaupun bentuknya sama-sama rumit), HTML cuma butuh kreativitas kita, kok bisa gimana? Karena keindahan sebuah Home Page tergantung bagaimana kita memadukan warna dan bidang yang di bentuk dari Bahasa HTML tadi.

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.

Mari kita mulai pelajaranya :

CARA MEMASUKKAN GAMBAR

Code :

<img src="http://i496.photobucket.com/albums/rr329/grandisyf/blogbanner.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

Hasil :

CARA MEMBUAT LINK

Code :

<a href="http://facebooks-vacancy.blogspot.com/2011/02/dasar-dasar-html.html" >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://facebooks-vacancy.blogspot.com/2011/02/dasar-dasar-html.html" target="_blank"><img src="http://i496.photobucket.com/albums/rr329/grandisyf/blogbanner.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://facebooks-vacancy.blogspot.com/2011/02/dasar-dasar-html.html"

Hasil :
Trik Blog (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 :

 

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

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

Posted by : BlogLowker ~ LowKer | Business | CPNS | Forex | Blog

Artikel Memahami Dasar-Dasar html dalam Pembutan Web atau Blog diposting oleh BlogLowker Monday, February 21, 2011. Terima kasih atas kunjungannya. Mohon Di Share Melalui Widget dibawah ini :

0 comments

Labels: Tips Blog