Kamis, April 30, 2009

Dasar Dasar HTML

Assalamualaikum warahmatullaahi wabarakaatuh,......... Mungkin mayoritas siswa SMAN 1 Pati sudah mengerti bahasa HTML. Namun Sepandai-pandai siswa smansapati, pasti ada yang belum bisa jua. Wah peribahasanya ngaco!!! Sebelumnya Pak Guru mau mengingatkan terlebih dahulu. Bahwa bahasa HTML berbeda dengan bahasa pemrograman. Tidak diperlukan logika ataupun IQ yang tinggi untuk mempelajari dan membuat blog dengan HTML.

OK sebelumnya pengenalan dulu, kan kalo nggak kenal maka nggak pintar. ya tho??? HTML adalah singkatan dari Hyper Text Mark up Language. Walaupun di zaman sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho? OK kita mulai pelajarannya, karena ane males ngetik, ini kasih materi persis seperti apa yang ane pelajari dari mas Kendhin:

* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.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
hasil :


* CARA MEMBUAT LINK
Kode :
<a href="http://trik-tips.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://trik-tips.blogspot.com" target="_blank"><img src="http://kendhin.890m.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://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;

Sebetulnya masih banyak lagi kode2 HTML, tapi kata guruQ Kendhin, kode-kode di atas sudah cukup untuk pemula di dunia Blog. OK murid Blog SMANSAPATI, pertemuan mendatang kita bahas tentang kode-kode warna secara detail ya,..

Wallohu'alam bisshowab. Wassalamualaikum warahmatullaahi wabarakaatuh.

135 komentar:

_Ardh_ Kamis, April 30, 2009  

.alhamdulillah berhasill.
.terimakasih :D

Mnadow,  Kamis, April 30, 2009  

thenks atas infonya..
sukses selalu... =))

Silver pho3nix Kamis, April 30, 2009  

Mau muntaaaaaaahhhhhh...........

Tonzky,  Kamis, April 30, 2009  

nyambung nanya nich..kalau file gambar yang akan di tampilkan di posting berada di pc[komputer],gimana caranya?,krn utk sementara saya belum punya web hosting ..please?...

bukansokpintar Kamis, April 30, 2009  

mas..mas....
numpang belajar bntar ya...
maklum mas baru pemula....:p:p:p

bhuy Kamis, April 30, 2009  

thanks 4 the info ya

rusma Kamis, April 30, 2009  

thanks untuk tips nya...
ntar boleh nyontek tips yang lainnya ya...

Norliyan_syah Kamis, April 30, 2009  

tambahin juga donk, cara membuat tulisan tebal, yang ditengah, beserta besar tulisan dan jenis font yang secara sekaligus,,,, karena tulisan diatas sepertinya hanya satu persatu....
jadi saya gak ngerti gimana caranya menggabungkannya

thanks...

jo Kamis, April 30, 2009  

slm knal mas..
saya mau belajar ttng blog nih mas...
tlg bntuannya ya mas...
trim's b4 ya mas...

nyubi Jumat, Mei 01, 2009  

wah, pelajaran yg sangat berguna nih cocok buat pemula sperti saia yg mulai tertarik dgn HTML, salam kenal jgn lupa komen baleknya ;))

Azis Senin, Mei 04, 2009  

makasih tipsnya ... berguna skali unutk para pemula mas ..

salam blogger dari Jogja ....

Yudhi Minggu, Juni 21, 2009  

Biasanya orang yg belajar HTML manual terlebih dahulu akan menjadi paham apabila menemukan hal2 yg sulit saat tidak bisa dilakukan oleh cara visual. Jika sebaliknya maka umumnya yg tahu cara visual akan bengong apabila melihat tag2 HTML karena gak tau fungsinya apa. Saran terbaik saya adalah belajar yg manual Karena cara visual hanyalah belajar bikin layout bukan belajar HTML. Berdasarkan pengalaman akan banyak sekali manfaatnya seperti menyisipkan kode2 tertentu yg tidak bisa dilakukan dgn cara visual dan lain sebagainya.

Ryu kaka Minggu, Juni 21, 2009  

Thanx banget udah menyediakan waktu dan pikiran buat kecerdasan anak2 bangsa, moga blog ini menjadi unggulan anak2 bangsa buat belajar dan mencari ilmu…

Dony Minggu, Juni 21, 2009  

makasih mas ilmunya, sangat bermanfaat terutama bagi yang masih pemula seperti saya.

MARLAN...,  Minggu, Juni 21, 2009  

terimakasih atas ilmunya………

Gmn kabarnya boz? Bangkit & Hadi py?

Hinata Kurosaki-Chan Minggu, Juni 21, 2009  

Thanks, ya, pak Saya sangat terbantu sekali….

Saungweb Rabu, Juni 24, 2009  

Wah.. ini kode2 yang dibutuhkan.. ijin copas ah..

Astaga.com Rabu, Januari 13, 2010  

Dengan segala kerendahan hati saya minta dukungannya sobat!

Astaga.com lifestyle on the net Minggu, Januari 24, 2010  

lengkap juga kode2 warnanya. thanks infonya.

Indonesia Furniture Handicraft Wholesale Marketplace Senin, Mei 17, 2010  

Nah.. tidak perlu capek2 Saya menjelaskan. Jika ada teman bertanya, suruh mampir ke sini aja ;;)

wildan,  Kamis, Juni 03, 2010  

uggugughu

Juniadi Selasa, Juli 06, 2010  

gan untuk imagenya brarti kita harus up load dulu website gitu?

chyardi Kamis, Desember 30, 2010  

Bagus mas untuk pemula yg baru belajar HTML, sebab dasar-dasar ini biasanya sering kita gunakan...

obat gagal ginjal Rabu, Januari 12, 2011  

terima kasih bro buat infonya,,,langsung aja ke tkp

Steve Rabu, Februari 16, 2011  

langsung praktek aah :)

Nikmaya John Rabu, Maret 02, 2011  

Pelajaran penting nih buat yang lagi belajar seperti ane,,, kenalin pak, ane bloggr jepara

SMARTPHONES Senin, Maret 07, 2011  

wow mantap nih, perlu dibook mark nih biar bisa langsung ke sini kalo lupa dasar-dasar html

:)]

Obat herbal kanker payudara Rabu, Maret 09, 2011  

tipsnya keren mas, pasti bermanfaat sekali bagi para pemula..

QSEW Minggu, April 10, 2011  

ijin copy bos dasar2 html nya ....maklum, sering saya sering lupa, hehe
thanks yaa

obat alami diabetes Jumat, April 29, 2011  

waallaikum sallam gan , terimakasih nih buat ilmunya, sukses selalu yah

OBAT LIVER EMPEDU Jumat, Mei 27, 2011  

wa"alaikum salam...

langsung di coba aja ah,,,

wicker furniture Kamis, Juni 09, 2011  

kayaknya ini yang saya butuhkan... selalu pake joomla atau cms yang lainnya... ingin belajar bikin website sendiri.. terima kasih ya...

xamthone plus Kamis, Juni 09, 2011  

thanks ya bwt info'y jdi mnambah ilmu dan masukan lg nih... boleh di coba jg

obat herbal kolesterol Sabtu, Juni 25, 2011  

wahh kebetulan nich saya baru permulaan belajar HTML,,,
thanks ya...

penyakit telinga Sabtu, Juni 25, 2011  

hmmm,,,
boleh juga nich buat pembelajaran di rumah....
thanks ya..

obat radang paru-paru Selasa, Juni 28, 2011  

thanx y atas informasinya...
kebetulan d sklah saya ada pel web,, jadi agx nyambung deh,, hehe
thanx y...

obat herbal alami kelenjar getah bening Selasa, Juni 28, 2011  

mksih bnyak tutorialnya. postingannya bgus nig.
kbtulan bgt saya suka sama HTML

SEO 2011 Sabtu, Juli 02, 2011  

Thanks infoxa sangat membantu, jangan lupa mampir ya gan..........

tiket pesawat murah Kamis, Juli 07, 2011  

sangat bermanfaat, di tunggu kunjungan balik.

Cara Membuat Website Senin, Juli 11, 2011  

beberapa kode html udah dihapal, tapi sebagian belum. Jadi kalo mau menggunkan kode html masih harus googling dulu
Cara Membuat Website

mascayo Sabtu, September 03, 2011  

Alhamdulillah yang dasar sudah banyak yang saya hapal :D

Mengatasi Keputihan Rabu, Januari 04, 2012  

Ini pelajaran dasar yg perlu dihapalkan.

Crystal-X

renovasi rumah Rabu, Januari 04, 2012  

ni blog udah sy bukmak..bnyk trik2 yg keren dicoba

cara mengobati penyakit stroke Minggu, Januari 29, 2012  

info nya sungguh berguna gan...
hehe kren deh

# Obat Kanker Prostat Kamis, April 12, 2012  

siip lah ...tinggal prakteknya jja deh

Kandar Ballak Rabu, Mei 09, 2012  

html nya di buat dmn,,, maaf krn blm paham,,,,

obat herbal Senin, Juli 02, 2012  

http://xamthonenature.com/

modern calssic furniture Selasa, Agustus 14, 2012  

thanks untuk infonya

salam kenal
ditunggu kunjungan baliknya ya..!!
.n_n.

herikamsos Minggu, September 09, 2012  

Sip infonya. sangat bermanfaat bagi pemula seperti saya.
kalo bisa kasih kode-kode html yang lengkap berikut fungsinya ya pak.
senggol balik ya

resep membuat Rabu, Maret 27, 2013  

klo html dasar2nya saya insy bisa, cuma php agak susah kayaknya

pengobatan stroke Rabu, April 03, 2013  

thx inpohnya kawan sangat bermanfaat

pengobatan diare Rabu, April 03, 2013  

mantab sobat ,, lanjutkan

pengobatan batu empedu Kamis, April 18, 2013  

thx udah share ilmunya nih gan

pengobatan radang tenggorokan Kamis, April 18, 2013  

informasinya yang sanagt bermanfaat sekali nih

wina herbal Jumat, Mei 03, 2013  

hdooh pusing juga nih gan belajar html ,, ;D

Tutorial.World.Edu Sabtu, Juni 01, 2013  

saya suka sekali dengan pemrograman html

Cari Uang Lewat Ekiosku.com Jumat, Juni 14, 2013  

sob klo untuk mengatur besar kecil tulisan tapi dengan ukuran gmn sob?? salam dari jogja

Ekiosku.com Jumat, Juli 05, 2013  

Informasi mantap nih mas, aku juga lagi beljar mengenai html karena belum terlalu mendalami banget masih susah

mutiarabijak.com Jumat, Juli 05, 2013  

Ok mas saya akan pelajari dengan seksama pembelajaran ini semoga saya bisa menangkap dengan baik penjelasannya

828bet.com Jumat, Juli 05, 2013  

Ini artikel yang sangat cocok dengan apa yang saya cari :X

ekiosku Jumat, Juli 05, 2013  

Makasih banyak artikelnya mantap mas ini yang saya cari :X

bintaro jaya Jumat, Juli 05, 2013  

Ok mas mantap ulasannya

jasa pengaspalan jalan Selasa, Agustus 06, 2013  

mantap gan terimakasih atas pelajarannya,maklum mas baru pemula nih.

pengaspalan hotmix Selasa, Agustus 06, 2013  

wah, pelajaran yg sangat berguna nih cocok buat pemula

Kata Bijak Sabaku No Gaara Rabu, Agustus 14, 2013  

Perlu belajar dengan giat....apalagi buat pemula

Dicoba.Info Rabu, Agustus 14, 2013  

izin belajar di mari gan....

Membuat Widget Artikel Terbaru Blog Keren Rabu, Agustus 14, 2013  

Saya izin share sebuah widget menarik utk di praktekkan gan....

nature indonesia Selasa, Oktober 08, 2013  

makasih banyak yah sobb tentang infonya, dan salam bloggers..

bisnis online gratis Minggu, Oktober 13, 2013  

semangat blog gan..
lanjutkam artikelnya sob

Robertus Sutardi Selasa, November 19, 2013  

Thank you for such an honest and informative post! This is the first time I've stumbled upon your blog, and I am so happy that I did  Online Travel Agencies

Aulia Bali Tour Jumat, Januari 17, 2014  

Sekalian review, bisa dijadikan kamus kalau kelupaan kodenya, thanks

Nutrisi Shake Sehat Jumat, Januari 17, 2014  

Sangat membantu mas, bisa dijadikan referensi untuk pemula bogger ataupun yang sudah mahir sekalipun

Aulia Belanja Online Jumat, Januari 17, 2014  

Ketemu satu yang saya cari disini, thanks gan, lanjutkan berbaginya

The Unik Bali Jumat, Januari 17, 2014  

Mampir mas, belum pernah khusus ketemu informasi basic seperti ini, mantab

Ahmad Sahidin Jumat, Juni 20, 2014  

Kode warnanya bagus, ada lagi namanya. Thanks

tas branded murah Kamis, Januari 08, 2015  

hidup yang semangat ya gan....

toilet portable Kamis, Januari 08, 2015  


Sangat membantu mas, bisa dijadikan referensi untuk pemula

PENGHILANG TATTO PERMANEN Kamis, Januari 08, 2015  

Ketemu satu yang saya cari disini, thanks gan,

Resep masakan Kamis, Februari 26, 2015  

bookmark dulu ya gan,, nanti saya pelajari

resep bunda Sabtu, Februari 28, 2015  

thanks gan artikelnya,sangat membantu

handmade Minggu, Maret 01, 2015  

oke mas broo,,sangat bermanfaat

Agen Poker Rabu, Oktober 19, 2016  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

agen poker Sabtu, Oktober 29, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

AGEN POKER Kamis, November 10, 2016  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

dewapoker Senin, November 21, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

Agen Poker Rabu, Desember 21, 2016  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

AGEN POKER Senin, Januari 16, 2017  

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

agen poker Rabu, Januari 18, 2017  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

Wenny Utama Sabtu, Januari 21, 2017  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


PokerOnline Terpercaya
agen poker terbaik

Mesin Mie Bayoran Teknik Selasa, Mei 09, 2017  

terima kasih gan untuk infonya, benar benar sangat membantu hehe

Agen Poker Jumat, Juni 16, 2017  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


bandarq
Agen Poker
Domino99

Agen Poker Kamis, Juni 22, 2017  

Terima kasih Informasinya gan , Sangat Membantu dan di tunggu artikel berikutnya^^


bandarq
Agen Poker
Domino99

Posting Komentar

Komunitas SMANSAPATI

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008


hack by: Ridlo Falaky Student of SMANSAPATI Class SC'eight

Back to TOP