Dasar-Dasar HTML(Hyper Text Mark up Language)

Selasa, Mei 12, 2009 by Grandis ·
Labels:

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 (hayo ngaku?). Sebenarnya 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. Ok marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR
kode :
<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
Kode :
<a href="http://blog-triks.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://blog-triks.blogspot.com" 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://trik-tips.blogspot.com"
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 :
<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

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 menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
Karakter
Kode
>
&gt;
<
&lt;
&
&amp;
"
&quot;
(spasi)
&nbsp;



Mungkin Artikel Ini Yang Anda Cari :



17 comments:

n'raChi'h mengatakan...
31 Desember 2009 16.56

thaNk'z bGtz yAwh!!!

n'raChi'h mengatakan...
31 Desember 2009 16.57

thaNk'z bGtz yAwh!!! :h:

Ryry Cantik Blog mengatakan...
30 April 2010 22.12

makasii atas infonya.sangat berguna
:)
http://stefanusryryn.blogspot.com

moh syahroni majid mengatakan...
14 Desember 2010 22.52

kalo bikin menu (seperti laman) itu gmnah ea?
tolong kirim ke syahronny.majidthehacker@gmail.com
trima kasih bos atas bantuannya..

Iva Mairisti mengatakan...
25 September 2011 12.13

:a:

ViaRist mengatakan...
25 September 2011 20.40

sipp

Rudy Hartono mengatakan...
16 Januari 2012 08.37

thanks atas informasinya yang sangat bermanfaat dan mudah dicerna

herusularto mengatakan...
16 Januari 2012 13.34

sip. terima kasih Sob. artikelnya sangat membantu. maklum, an masih nyubi.

a.ir.l.an.g.ga mengatakan...
18 Januari 2012 18.38

www.alivesolo.co.cc

:d:
:f:

hamkani mengatakan...
9 Maret 2012 23.19

wah rada mumet juga liatnya, mesti banyak belajar kayaknya nih. makacih infonya.
Kalo sempat singgah di blog saya dan mohon sarannya.
Sukses selalu!

Buzt Afira mengatakan...
22 Maret 2012 19.41

:d: haddugh ... bisa ga yah

lutfi kiper mengatakan...
2 Oktober 2012 09.12

hmm...
mau dicoba ah... :c:

droiden garuda mengatakan...
6 November 2012 15.53

siipp ombro...
sukses :e:

www.droidengaruda.blogspot.com

rachmad tatawarna mengatakan...
29 November 2012 13.38

nice post gan :-) :c:

Gareng.. reng mengatakan...
22 Januari 2014 14.27

ARTIKELNYA MANTAP GAN ... POSTINGNYA DITAMBAH LAGI DONK... MAKASIH YA GAN... OIYA SOB YANG PENGEN ARTIKEL UNIK DAN FOTO FOTO TERUPDATE ..TINGGAL KLIK SALAH SATU AJA YA SOB...

BRA PALING UNIK DI DUNIA
FOTO - FOTO KEJADIAN LUCU
KOLEKSI FOTO HOT LUNA MAYA GA PORNO
FOTO PESAWAT TERCEPAT DI DUNIA
ARTIKEL CARA2 MENINGKATKAN LIBIDO

ARTIKEL HACKER CANTIK DUNIA
CIRI CIRI CEWEK KALO MAU ML
FOTO FOTO KOTA ANTIK DI DUNIA
CARA AGAR WANITA CEPAT ORGASME
ARTIKEL BAHAN HERBAL PEMBANGKIT LIBIDO

CARA BERCIUMAN YANG BENAR
10 KEBIASAN PRIA YANG DIBENCI WANITA
FOTO FOTO ARTIS CANTIK HOLYWOOD
CARA AGAR WANITA CEPAT MINTA KAWIN
RAHASIA WANITA CEPAT INGIN ML

TRIMA KASIH AGAN... SALAM SUKSES AJA BUAT AGAN BLOG YA.....


---------->>>> TRIMS YA.....

habbats ramdhan mengatakan...
4 Maret 2015 10.24

Terima Kasih sudah posting artikel yang bermanfaat. Semoga Sukses dan Silahkan Klik Tautan Dibawah Ini
Toko Online HerbalKing Obat HerbalGudang Obat HerbalJual Obat HerbalJual HerbalJual Produk HerbalJual Herbal MurahHerbal BandungProduk HerbalHerbal HabbatsAozora Shop Onlinetoko onlineJual Baju AnakJual Baju BayiJual Baju DewasaJual Sepatu BayiJual Sepatu anak AnakJual Sepatu DewasaJual Perlengkapan BayiJual Perlengkapan Anak AnakJual Perlengkapan DewasaTupperwareTupperware MurahTupperware UpdateTupperware Bandung juaraJual TupperwareKatalog TupperwareJual Online TupperwareTupperware ResepTupperware katalog baruRaja Tupperware BandungCollection TupperwareMadu Anak SuperMadu Anak CerdasJual Madu Anak SuperPusat Jual Madu Anak SuperJual Madu SuperMadu Anak SuperJual Madu AnakToko Madu AnakAgen Madu Anak SuperDistributor Madu Anak Super

Anita Tri Ulina mengatakan...
24 Maret 2015 09.50

woow keren bangets. allah swt akan selalu mempermudah hambanya. Insya Allah Sukses Selalu. Silahkan Klik Tautan Dibawah Ini :
Toko Online HerbalKing Obat HerbalGudang Obat HerbalJual Obat HerbalJual HerbalJual Produk HerbalJual Herbal MurahHerbal BandungProduk HerbalHerbal HabbatsAozora Shop Onlinetoko onlineJual Baju AnakJual Baju BayiJual Baju DewasaJual Sepatu BayiJual Sepatu anak AnakJual Sepatu DewasaJual Perlengkapan BayiJual Perlengkapan Anak AnakJual Perlengkapan DewasaTupperwareTupperware MurahTupperware UpdateTupperware Bandung juaraJual TupperwareKatalog TupperwareJual Online TupperwareTupperware ResepTupperware katalog baruRaja Tupperware BandungCollection TupperwarePenyakitObatbusinesKesehatanHot NewsDownload E-bookKhasiat dan ManfaatHidup SehatDokter HerbalPenyakit

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar


Gratis berlangganan artikel via RSS FEED
Add to Google Reader or Homepage Subscribe in Bloglines Add to Plusmo
Ingin mendapat artikel Trik-Tips Blog langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan secara gratis.



Blog-Triks Sponsor

adsense adsense
adsense adsense

BLOG-TRIKS MENU

Cara Membuat Kotak Ini

Link Barter

Cara Membuat Kotak Ini

CATEGORY

Community

Blog-Triks on Facebook
 
Add Me On Your Facebook
Free Subscribe blog-triks Article Via Email, Join Now!!!