Perjalanan Saat Kls 3 Part 1

haloo rifa comeback hahaha

kali ini gw bakal searing tentang gw yg kls 3 di sekolah gw yg tercintah :v
selama kls 3 smk ini gw banyak ujian mangkanya gw jg jarang ngetik blog gw hahaha kasian engga keurus dan mungkin ada juga yang senantiasa membaca blog gw eeeaaakkk :v

gini dimulai dari ujian gw TO 1
ya kalo menurut gw TO 1 ini masih ya biasa aja pasti lo semua yang pernah TO 1 masih biasa aja yekan dimulai dari belajar dan perasaan yg biasa aja engga ada rasa deg"an saat ditembak pacar ya hahaha

setelah gw TO 1 gw melanjutkan UKK ini yang paling bikin semua temen hampir satu kls gw pada takut karna apa? itu yang menentukan lulus atau engga nya nanti -,- hadeuhh UKK gw itu dibagi 2
yang 1. UKK Internal yang ke 2. UKK Eksternal dan yang gw ceritain ini pas gw lagi UKK Eksternal loh :'D

gw pikir UKK Eksternal itu mempersulit gw dan bikin gw gagal dalam project gw tapi ternyata pas penguji nya dateng dan ngeliat project gw disitu langsung tangan gw berkeringat huh-.- bisa dibayangkan apa yang gw rasakan saat itu, setelah selesai melihat project gw penguji itu langsung komentarin project gw, dan kalian tau apa yang dia bilang ke gw? ini yang dia bilang

"oke ini project kamu udah bagus cuman ini bukan semcam iklan tapi kaya bikin presentasi, trus sound kamu masih kurang dan kalo bisa durasinya kamu perpendek lagi jadi 40 detik itu maksimal" kata penguji
"tapi pas di soal UKK itu bilang maksimal 1 menit pak" kata gw
"iya tapi kalo bisa diperpendek itu akan jadi keliatan bagus dan engga bikin lama" kata penguji
"ouhh begitu ya pak, ok pak" kata gw

udh gitu aja dia pergi dan dia nulis nilainya didepan biar engga ketahuan sama siswanya, disaat itu gw langsung berfikir apa gw dapet nilai bagus atau jelek yg gw pikir itu yg dinilai itu apa aja dan berapa itu yg selalu bikin gw ngerasa ahh gw pasti dapet nilai jelek ya jelas gw masih banyak kurangnya di project gw huhuhu T.T

setelah itu UKK gw kelar gw bisa ngerasain yang namanya tidur siang dan malam karna kalian bisa bayangin gw ngerjain itu udh kek suster yang jaga klinik 24 jam nonstop -,- kaga bisa tidur sekalinya tidur itu cuman 1 jam gils -,-

sebelum UKK berlangsung itu gw sempet nangis ya karna project gw blm ada setengah dari hasilnya aaarrgghhh udah gitu gw banyakin berdoa disela" sholat gw itu kalian mau tau apa doa gw? gini doa gw

" Ya Allah Engkau Maha Tau apa yang hamba lakukan engkau maha tau kesulitan yang hamba rasakan saat ini tolong hamba Ya Allah buat kesulitan hamba menjadi mudah dan bisa lulus dalam UKK hamba nanti...."

itu doa gw masih separoh ya separohnya lagi itu soal perasaan gw saat itu masalah yang gw alami dan pastinya gw doain ortu gw lah supaya mereka bisa ngeliat gw sukses dan bisa naikin haji mereka duhh :') terharunya ya semua anak pasti doanya begitu engga mungkin engga :')

ok segitu dulu ya bsk gw lanjutin part 2 nya kalo dipikir masih banyak lagi yang mau gw searing sama kalian

Thank's ya udh mau liat blog gw dan mau baca cerita gw ini tapi dibalik itu cerita gw tersimpan hikmahnya guys :'v ALAH SOK LU RIF hahaha :D
jan lupa untuk liat blog gw lagi ya siapa tau kalian yang kls 3 sekarang pasti pernah apa yang gw rasain saat ini
JANGAN LUPA FOLLOW INSTAGRAM : KRISTIFA_11
                                              TWITTER : @KristifaAP_48

ok see you Minna San ^^

Baca selengkapnya »

Tangisan

hallo kembali sama gw rifa :v apalah ini -_-
sorry baru bisa post tentang kehidupan gw pasti pada kepo(?)
hahaha siapa yg mau kepoin kehidupan gw ya-_- aneh dah lu rif *emng :v
lupakan basa basi ini

well yg minggu ini ukk pasti pada belajar hahah gw juga minggu ini ukk online beda sama orang" yg pake kertas-_- kalo online ini lebih ribet ya itu lah sekolah gw cuma sekolah gw yg bisa menerapkan seperti itu.

Skrng serius. Hari ini banyak air mata yg gw keluarin entah beban yang udah engga bisa gw tahan atau soal ya pasti tau lah soal cinta"an gitu wkwkwk :') entah kenapa gampang bngt ngeluarin padahal gw udh berdoa buat benci sama orang yang gw sayang tapi apadaya hati gw berkata lain, gw tetep luluh dengan cara dia bls bbm bls wa gw lalu perhatian dia ke gw. Entah kenapa kalo dia deket sama cewek lain gw pasti ngeluarin air mata dengan gampangnya padahal menurut kalian pasti lebay "buat apa tangisin orang yg buat lo sakit hati" pasti kalian yg baca ini ngomong seperti itu termasuk temen gw sahabat gw :') tapi gmn lagi namanya juga orang sayang? mau apa kata orang juga engga peduli yakan? pasti itu.

Lalu yang kedua buat gw nangis adalah ayah iya ayah. Dia yg buat hidung gw sampe diperhatiin temen trus ditanya itu karna apa, tapi gw engga bisa ngomong kalo itu perbuatan ayah gw, gw bilang aja itu kebentok tembok? sempet engga yakin keliatannya temen gw tapi ya gitu lah :')

Trus skrng gw nangis gara" lagu casandra cinta terbaik :') sampe gw luapin semua beban gw dengan dengerin lagu itu :') . kalian tau sampe skrng ini gw masih denger lagunya lalu ngeluarin air mata (lagi) susah jadi cewek cengeng. gw selalu mohon buat allah buang semua beban gw ini tapi mana mungkin pasti akan selalu ada beban di setiap makhluk allah :') gw tadi mau curhat sama indah sahabat gw tapi dia juga sama kaya gw :') memang sehati kita ya ndah :') buat senyum didepan orang gampang tapi pas udh dikamar nangis terus sampe bekak :') kalo kalian jadi gw apalagi yang baca cerita gw ini cewek mungkin bakal ngerasain apa yang gw rasain saat ini :')

gw butuh orang yg bisa buat ketawa kapan pun bukan buat ketawa saat di lingkungan aja tapi buat ketawa sampe gw dikamar :') ada kah? hahaha mana mungkin?
harus bagaimana supaya hati ini tidak merasa terbeban kan oleh semua ini?

Ya Allah hanya dirimu yang bisa menenangkan hati ini :')
Ya Allah beri hamba mu ini kekuatan :')
Dirimu yang Terhebat dan tak ada yg bisa melebihi dirimu
Hanya dirimu lah satu"nya yg menciptakan dunia ini :')
Dengarlah Doa Hamba Mu ini Ya Allah :')

itu sepenggal doa gw :') masih banyak doa lagi yg gw minta sama Allah :')
semoga dengan doa gw bisa di jabah Allah Aminnn :')

see you next time. Thanks ya yang udh baca post gw ini lain waktu gw akan post kehidupan gw yang bagus untuk dipost
maaf kalo ada salah dalam pengetikan atau menyinggu perasaan kalian, maklum hanya penulis blogger yg masih latihan :D

Konbanwa minna san ^^

Baca selengkapnya »

Photography

haiiii ketemu lagi sama gw ^^ udah lama engga buka blog ya semenjak selesai pkl jadi males buat cerita ke kalian lagi, tapi karna sekarang ada wifi gratis jadi ya gw cerita aja dan kebetulan juga gw lagi free class gara" gurunya engga masuk.

hari ini kebetulan hari jum'at hari dimana gw belajar sesuai jurusan gw kalian pasti tau ini "Multimedia" yapp betul kebetulan di semester 2 ini gw belajar tentang photography ya pasti kalian tau dong kalo photography itu ngapain aja. minggu pertama di semester yg baru 2 minggu kemaren kalo engga salah kita belajar tentang pengenalan trus hari berikutnya lanjut ke tugas dimana disuruh bikin freezing dan selective fokus.

saat dikasih tau caranya buat freezing ternyata susah pake banget loh sedikit penjelasan ya yg belom tau apa itu freezing " freezing itu adalah semacam foto yang saat kita liat sperti membeku" gitu ya kalo yang gw tau, pas dikasih tugas disuruh buat freezing itu susah banget butuh berapa kali mencoba tapi gagal terus sampe kadang gw harus nyerah buat begitu tapi berkat bantuan temen akhirnya bisa tapi jelek nih fotonya

nah itu masih jelek sih belom sebagus kaya phografer yg profesional tapi ini jadi penilain yg lumayan bagus, nah trus ditambah lagi tugas tentang selective fokus nah ini lumayan bisa dan ini hasil karya sendiri engga dibantu temen

nah yg diatas itu selective fokus menurut kalian bagus engga? kalo menurut gw sih bagus >< iyalah kan gw yg photo hahaha

di semester 2 ini gw suka banget sama materi photography ya karna gw jurusan ini karna itu juga bisa jadi photografer yg handal hahahaha :v tapi setelah tugas itu selesai kan ada tugas yg lain lagi katanya sih disuruh bikin stop motion itu kata kelas lain sih belom kata guru nya sendiri.

dan sekarang gurunya engga masuk temen" pada main game emng sih dikelas gw rata" gamers -,- semua jadi kalo lagi pelajaran multimedia trus engga ada gurunya pasti pada main game itu kerjaan mereka sih :v wahawahawaha :v ehh itu yg cowok loh beda kalo yg cewek kalo yg cewek mereka pada ada yg nonton film, main hp, malah ada yg ramal"an segala tapi ramalannya itu bener hhmmm kok bisa ya?? entah lah namanya juga ramalan kadang ada yg bener kadang ada yg salah juga

ehh udah dulu ya cerita gw sampe sini dulu kapan' kalo engga ada guru kita cerita" lagi ok ;)

see you next time

sayonara

follow ya 

twitter : @kristifaAP_48

Instagram: @kristifa_48

find on path: kristifa amelda putri

facebook: kristifa amelda putri

Baca selengkapnya »

Hari Penyemangat

Ohayou  Gozaimasuuu minna sann ^^
maaf ya baru nulis blog sekarang >_< abis UAS nih dan sekarang kembali pkl tapi cuma beberapa hari lagi tapi bsk udh dijemput pembimbing kalo bsk itu udh selesai pkl nya

wah engga kerasa banget pkl selama 3 bulan udh selesai dan ini hari terakhir pkl nih pemirsa >_< hahaha. tau engga sih kalian selama pkl banyak pengalaman yang buat gw sadar kalo kerja itu engga gampang, kalo ada tugas banyak revisinya #tutupmata ya gitu deh ya namanya juga pkl, pkl aja udah begini apa lagi kalo udh kerja hufftttt bisa stress kali ya :( hahahaha kalo pkl engga usah dibawa stress dibawah santai seperti dipantai :v wkwkwk ngawur mulai ><

ouh ya engga tau kenapa hari ini gw senenggggg banget bukan karna dapet hadiah atau dapet pacar -_- tapi gw seneng aja dengan tiba" aneh sih ya seneng tanpa alasan tapi ya gitu hahaha :D .

sekarang mau bhs apa ya??
UAS? atau PKL nih??
UAS aja kali ya

ngomongin tentang UAS minggu kemaren itu dari hari senin sampe jum'at, susah bngt -_- iyalah susah orang gw aja pkl trus materinya juga engga gw tau -_- kalian tau engga sih UAS gw itu beda sama sekolah lain -_- kalo yg lain pake kertas gw pake online sedikit kesel sih harus ngeluarin kuota padahal UAS udah bayar -_- tapi wifi engga pernah menjangkau murid buat ujian :3 ya sarannya sih harusnya pake kertas aja engga usah ribet" kalo emng pengen online seharusnya dicoba terlebih dahulu sih wifinya itu menjangkau atau engga, ya kalo udah kaya minggu kemaren ya kan jadi ribet murid maupun guru yg ngawas :3 ya tapi ya sudah lah itu udah terlewat

ouh ya STAND BY ME udah ada ya dibioskop?? huaa engga sabar banget pengen nonton rencananya bsk mau nonton sama sahabat gw si ndo itu :v berdua doang coba bayangin orang mah ke bioskop sama pasangannya ya ini sama sahabat tapi gpp lebih baik begitu dari pada sama pasangan takutnya bukannya nonton malah ngelakuin hal" yg negatif lagi huffttt kaya engga tau remaja sekarang aja #tutupmata bukannya engga mau ngajak pasangan sih buat nonton tapi emng engga punya pasangan kita berdua :v alias single. wkwk hayoo yg single juga boleh kali :v wkwkwk becanda pemirsa :v. gw emng single cuma ya udh terikat sama janji gw sendiri kalo gw bakal pacaran setelah selesai lulus sekolah :D biar have fun aja menikmati sendiri.


bsk gw ceritain lewat twitter ok >< follow aja @KristifaAP_48
udah dulu ya minna san ouhh jgn lupa find me on path juga Kristifa Amelda Putri :D sampai ketemu lewat media sosial ya ^^

Baca selengkapnya »

3 desember 2014

konichiwa minna sann :D karna gw ngetiknya siang ya jadi ngucapinnya juga selamat siang ^^

hari ke 3 dibulan desember ini ya :3 engga kerasa kalo mau ujian -_- tanggal 8 desember nanti kalo gw sih tapi kalo kalian kapan?? ada yang minggu ini ada yang minggu depan atau minggu lusa depan ya, ganbatte yang ulangan minggu ini deh ^^

hari ini gw pengen cerita nih, kalian pernah bermimpi engga sih selama tidur? pasti pernah kan? iyalah semua orang pasti bermimpi saat itu. kemaren malem itu gw mimpi kalo gw nikah dini :o ampunn itu mimpi aneh banget dan itu lebih parah dari mimpi gw sebelum"nya tau engga sih -_-

engga mau lagi deh mimpi kaya gitu apalagi jadi kenyataan amit" -_- masih pengen nyari ilmu gw belom pengen kaya gitu jangan sampe deh.

hari ini gw pkl dapet kerjaan jadi akutansi wkwkwk ngitung" gitu wkwkwk :v tapi cuma sedikit sih kerjaanya engga banyak ya kali banyak -_- secara jurusan gw aja bukan akuntasi :3. setelah ngitung" selesai ya ngerjain tugas sekolah yang bejibun itu -_- ,kadang gw suka heran sekolah lain kalo pkl ya pkl aja engga sekolah juga tapi ini ganda sekolah juga pkl juga bingung mana yang mau dikejar -_- ya jadi galau sendiri gw orang mah galau gara" cinta nah ini gw galau gara" tugas yang makin hari makin nambah -_- dan engga pernah berkurang mana ditambah kurkul 2013 hufffttt udh deh lengkap semua, kata orang dikehidupan itu selalu ada ujian emang iya sih tapi kalo begini terus capek juga keles -_- tapi ada rasa bangga tersendiri sih sekolah disitu :3 karna gurunya dapet penghargaan ditambah fasilitas yang "lumayan" canggih.

selama gw sekolah entah itu sd entah itu smp dan smk pasti selalu jadi bahan percobaan -_- dimulai dari UN yang soalnya bisa 100 soal yang berbeda trus isu kalo kls 2 SMA mau SMK ujian dulu baru kls 3 pkl -_- engga masuk diakal banget deh -_- bukannya mengejek pendidikan di indonesia tapi ya pendidikan di indonesia jauh lebih parah dibanding negara lain gw bilang kaya gitu karna ya bisa kalian tau sekarang banyak pengamen yang dari anak kecil trus pengemis bahkan ada anak yang kurang mampu yang akhirnya memutuskan untuk berenti karna engga sanggup sama biaya kebutuhan sekolah emang sih buku sekarang bisa minjam tanpa harus dibeli tapi perlengkapan mereka sekolah? seperti sepatu tas baju dan alat tulis? apa mereka bisa membelinya? itu yang selalu jadi pertanyaan terkeras buat pemerintah terutama buat bapak presiden jokowi yang baru" ini menjabat sebagai presiden dan bapak atau ibu mentri pendidikan.

negara lain seperti jepang para siswanya berkesempatan memilih pelajaran yang mereka sukai dan mereka sanggupi tapi dan boleh hanya satu pelajaran yang dapat dipelajari tapi itu keren karena dengan begitu para siswa lebih bisa belajar dengan pelajaran yang mereka sukai dibanding harus belajar semua mata pelajaran dan belum lagi mata pelajaran yang mereka engga sukain.

kadang gw pengen kalo gw ada waktu pengen jadi relawan untuk pendidikan indonesia ya membantu anak" seperti gw yang belum bisa belajar termasuk pulau" terpencil yang jauh dari pendidikan. dan miris juga para generasi muda sekarang tidak bersyukur akan yang udah dikasih termasuk pendidikan ya coba deh dipikir kan kembali untuk apa disekolahkan oleh orang tua? saya saran kan kepada anak muda seharusnya lebih bersyukur karna bisa masuk sekolah apalagi kalo negeri sangat beruntung sekali. itu aja sih pembahasan gw hari ini

pesan saya untuk pemerintah indonesia = jadi pemerintah yang peduli terhadap masyarakatnya termasuk para generasi muda seperti saya dan coba deh pemerintah menelusuri pulau" terpencil yang jauh dari jangkauan kebutuhan hidup termasuk pendidikan di wilayah itu.

SEMOGA YANG MEMBACA INI MAU MENYEBARKAN AGAR PEMERINTAH TAU BETAPA MASIH BURUKNYA PENDIDIKAN DI INDONESIA

terima kasih ya yang udah mau baca sampai ketemu lagi dengan pembahasan dan cerita yang berbeda ^^

SAYONARA ({})

Baca selengkapnya »

tanggal 2 desember 2014

heyyy ketemu lagi sama aku jiaahhh aku wkwkwk :v
ehh iya maaf ya engga lanjutin kemaren soalnya ya lagi males aja buat nyeritain ke kalian :/

WELCOME DESEMBER ^o^

 telat ya?? ahh belom telat kok ngucapin hahaha :v
wish bulan ini ya semoga tugas engga banyak aminnn trus semoga ada yang mengisi hati yang terluka ini wkwkwk gayamu rif rif mana ada yang mau sih gadis kaya lu :v dan semoga orang tua selalu sehat aminnn

ngomongin soal orang tua nih ya kalian pasti inget dengan perjuangan mereka dong yang mati matian menghidupi kebutuhan lu :) begitu juga orang tua gw tapi kadang gw pengen mereka berenti kerja gitu biar gw aja yang kerja tapi ya mau gmn lagi gw pkl aja engga digaji padahal gw pengen digaji dan hasil gaji gw itu bisa gw beliin keperluan gw tanpa minta sama mereka lagi, saat gw minta hp android aja sebenernya gw segen tapi tetep gw bilang ke mereka dan mereka beliin juga dan sekarang gw perlu laptop baru karna laptop gw yang sekarang ini udah ya mungkin kalo anak IT engga ada yang make lagi :'( tapi pasti cuma gw doang yang make ini laptop :/ ya bisa dibayangin dong 3 tahun make dengan spesifikasi procesor pentium 4, ram 1gb -_- type 32 bit itu sebagian belom local disk C nya udah merah -_- gimana ya gw bilang ke ortu gw :( sempet gw nanya sama temen" gw harga laptop yang anak IT butuhin ya gila aja sih harganya diatas 5 juta :o sedangkan laptop gw aja cuma 3jt mana sanggup ortu gw -_-

kadang gw cuma bisa liat temen" laptopnya udah canggih dan engga lemot kaya laptop gw -_- tapi gw tetep bersyukur kok punya laptop yang hampir mau 4 thn ini masih bisa digunain mungkin kalo laptop yang lain udah rusak kali ya :v wkwwkk dan gw juga bersyukur ortu gw masih mampu buat beliin kebutuhan walaupun kadang kebutuhan gw udah terlambat dibeli :)

ouh ya android yang gw punya sekarang juga sama kaya laptop sama" lemot -_- udah deh sepasang yekan wkwkwk tapi tetep gw bersyukur apa yang dibeliin sama ortu gw, android itu juga kayanya hadiah ultah gw waktu bulan februari tapi baru dibeliin 3 bulan yang lalu.

ngomong" engga kerasa gw sekarang sendiri tanpa pacar tapi have fun aja wkwkwk :v tapi ada ngenesnya juga sih sebagai jomblo :v temen gw nyaranin nyari pacar tapi gw engga mau ya karna udah janji sama diri gw sendiri kalo pacaran setelah gw lulus dari smk baru boleh deh gw pacaran :v
itu kata gw tapi kata ortu gw kayanya engga boleh deh wkwkwkw :v.

ouh ya sekarang ini gw lagi ditempat pkl karyawan disini sedikit tapi akrab banget kadang gw pengen deh kerja ditempat pkl tapi sebagai karyawan bukan anak pkl wkwkw :v tapi ya harus jadi PNS dulu :/ pokoknya enak lah kerja ditempat pkl gw :D tadi aja ada karyawan yang liat gw ngetik ini dan katanya bagus berbakat jadi pengarang wkwkwk :v aminn dehh :) ya emang gw pinter membuat cerita yang bisa membuat orang menangis karna cerita gw :D wkwkwk :v impian gw waktu kecil jadi penyanyi dangdut wkwkwk :v serius engga boong, engga percaya banget kalo lu suruh gw nyanyi dangdut pasti ira suara kalah sama gw wkwkwk :v becanda ._.v ,impian gw itu labil waktu sd gw pengen jadi artis trus impian gw smp pengen jadi guru bhs indonesia trus sekarang impian gw antara pgn jadi member jkt48 sama kameramen -,- huffttt bingung kan lu ya wkwkwk lu aja bingung apa lagi gw? :v

pengen nanya deh, suka india engga sih kalian?? kalo gw suka sih tapi engga suka banget gitu. dulu waktu kecil gw suka nonton film india sampe sekarang kalo ada film india mungkin gw tonton kalo tv nya engga direbut sama adek gw -_- ,film india juga bikin gw nangis serius ._.v ahh yaudah kalo engga percaya mah :P

ehh udah dulu ya kapan" dilanjutin dengan cerita gw dan kebiasaan gw :P yang labil wkwkw :v

SAYONARA ({})
@KristifaAP_48

Baca selengkapnya »

Kehidupan Gadis Remaja

dimulai dari seorang gadis yang dengan kebiasaanya untuk sekolah
semenjak gadis itu masuk SMK gadis itu hanya ingin satu tujuan yaitu bisa menjadi seorang kameramen yg iya tuju sebelum masuk SMK, gadis ini senang sekali bisa masuk SMK yang dia mau


hari demi hari dia lalui bersama temannya, temannya begitu baik kepadanya tak ada permusuhan diantara mereka semua, gadis itu juga tak pernah memikirkan yang namanya CINTA sampai pada saatnya ada seorang cowok yang menyukainya. saat gadis itu sedang ber olahraga ternyata ada yang sedang memperhatikan gadis itu sampai temannya yang cowok meminta nomor si gadis itu lalu diberikan kepada temannya yg menyukain si gadis itu.

berjalannya waktu si gadis dan cowok itu akhirnya berteman lalu tak lama kemudian cowok itu menyatakan perasaanya kepada si gadis dan si gadis pun menerima CINTAnya itu

TAMAT

wkwkwk itu cuma iseng saat gw lagi badmood aja karna sekarang ini gw lagi suka bikin cerita yg semua orang pernah merasakannya, hari ini gw PKL disalah satu Museum di TMII bentrok banget ya sama jurusan gw hahaha :D tapi jangan salah gw di situ desain sama kelompok gw :D

tapi karna sebentar lagi PKL gw mau selesai huffttt -,- enakan PKL sih kalo kata gw, soalnya disini ada wifi kerjaan juga lumayan :v tapi kadang ngerasa pengen sekolah juga sih soalnya kangen temen" hahaha kangen sama itu juga wkwkwk :v tapi yasudah lah si itu engga pernah PEKA wkwkwk curcol deh hahaha :v

baru kali ini gw cerita di blog yg kaya anak kecil ini wkwkwk :v , iyalah kaya anak kecil lu liat aja tema nya wkwkwk angry bird :v, maaf emang kesukaan gw angry bird jadi ya gitu deh haha :v

karna hari ini engga ada kerjaan jadi ngetik di blog deh ^^ 

sekarang ini serius :3 gw lagi bingung harus bagaimana dalam kehidupan kadang menyenangkan kadang menyedihkan dan kadang" wkwkwk :v

PKL sama 3 cowok itu engga enak kalian tau kalo lagi istirahat nih ya mereka suka main keluar aja kaga bilang sama gw -_- dan lebih parahnya dia engga ngajakin gw -_- padahal gw kan laper :3 trus juga mereka kalo ada rencana mau kemana engga bilang gw -_- kan alhasil kalo lagi jalan" kaga ada duit cadangan :3 tapi mereka juga baik tapi kadang" doang :3 dan hari ini mungkin saya akan bosan karna cuma mereka berdua -_-

ouh ya mau nanya menurut kalian CINTA yg ASLI itu kaya apa? karena gw rasa yang suka sama gw CINTAnya PALSU -_- wkwkwk ayu ting ting kali ahh hahaha :D

tapi sekarang udah engga peduli lagi deh sama orang yang suka sama gw karna udah terlalu bosen sama orang kaya gitu bukan bosen lagi tapi KECEWA sama orang, trus kata sahabat juga "cari rif cari" ya gw sih iya iyain aja padahal mah engga :v abis mending cowok itu yang cari gw dari pada gw yang cari cowok dikira gw cewek apaan keles hahaha :v 

ouh ya ngomong" kalian pasti punya sahabat dong? siapa sih manusia yg engga punya sahabat pasti punya gitu juga gw hahaha selama 4 tahun gw kenal dari SD lagi wkwkwk abis gmn ya orang yg gila cuma dia doang yg lain engga bisa wkwkwk maaf ndo :D cuma mengungkapkan ke gilaan kita aja ok ;) selain gw punya sahabat gw juga pengen masuk JKT48 wkwkwk ngarep bngt ya? >< tapi jgn diledekin dong ini serius gw pengen jadi member idol grup pertama di indonesia ini tapi banyak banget penghalang untuk gw bisa ikut

1. dimulai dari formulir yg engga bisa gw dapetin

2. foto

3. UN dll

tahun lalu :/

gw berharap aja tahun ini gw bisa ikutan ^^ minta doanya ya (^O^)/

udah dulu deh ceritanya insyaallah diteruskan kalo ada wifi nyala atau kuota penuh :v

SAYONARA {}

Baca selengkapnya »

Artikel CSS dan HTML

Artikel CSS dan HTML

 

 

 Pengenalan css

Apa Itu CSS?

CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke kode lain yang saling berhubungan.

Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.

Keuntungan Penggunaan CSS

Jika anda memiliki beberapa halaman website dimana anda menggunakan font arial untuk tulisannya, lalu suatu hari anda bosan dengan arial dan ingin mengganti ke trebuchet, anda harus merubah satu per satu halaman website anda dan merubah tipe font dari arial menjadi trebuchet.

Dengan menggunakan css, dimana semua halaman web memakai css yang sama, anda cukup merubah satu baris kode css untuk merubah font di semua halaman web dari arial ke trebuchet.

Jadi, keuntungan menggunakan CSS, lebih praktis!

Kekurangan Penggunaan CSS

Tidak semua browser mengartikan kode CSS dengan cara yang sama. Jadi kadang-kadang, tampilan web dengan CSS terlihat baik di browser yang satu, tapi berantakan di browser yang lain. Jadi anda harus memeriksa tampilan supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web anda terlihat baik di semua browser.

2.2 Syntax

Syntax / kalimat CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector, 1 property, 1 value.

Format penulisan kalimat CSS:

selector { property: value }

Selector itu untuk menunjukkan bagian mana yang hendak diatur / diformat.

Property untuk menunjukkan, bagian (properti) dari selector yang hendak diatur.

Value adalah nilai dari pengaturannya.

Contoh Syntax:

h1 { color: red }

Contoh di atas menunjukkan

Selector: h1

Property: color

Value: red

Kalau diterjemahkan ke kalimat bahasa Indonesia kira-kira begini: Mengatur color dari h1 ke warna merah (red).

Pengelompokan Selectors

Anda dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma. Misalkan anda mau mengatur agar tag h1, h2 dan h3 semua menggunakan warna merah, maka kode CSS nya menjadi:

h1,h2,h3 { color: red }

Perhatikan penulisan h1,h2,h3 yang dipisahkan oleh koma.

Penggunaan Banyak Properties

Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; ).

Contoh:

h1,h2,h3 {color:red; font-family:arial; font-size:150%;}

Pada contoh di atas, tag h1, h2 dan h3 di atur agar menggunakan warna merah, dengan type font arial, dan ukuran font 150%.

Cara Penulisan Yang Baik

Sangat disarankan untuk menulis kode CSS menggunakan beberapa baris dimana pengaturan property dan values nya di indent. Ya cuma biar rapih dan lebih mudah di baca aja sih, ga harus kok.

h1,h2,h3 {
color:red;
font-family:arial;
font-size:150%;
}

Sekarang anda sudah mengerti aturan dasar penulisan kalimat CSS. Pelajaran berikutnya akan mengajarkan anda mengaplikasikan kode CSS ke halaman website.

CSS Comment

Kadang kala, ada baiknya anda menuliskan komentar ke dalam kode CSS anda untuk memberi catatan pengingat.

Anda bisa menggunakan syntax pembuka /* dan penutup */ untuk menuliskan komentar. Segala teks yang berada di antara tag /* dan */ tidak akan dibaca sebagai kode, tapi hanya sebagai catatan untuk diri anda.

/* Tulis komentar anda di sini */

p

{

text-align: justify;

/* Tulis komentar anda di sini */

color: blue;

font-family: arial;

}

2.3 Implementasi css

Ada 4 cara memasang kode CSS ke dalam kode HTML / halaman web, yaitu:

·         Inline CSS

·         Embed atau memasang kode css ke dalam bagian <head>

·         Nge link ke external CSS

·         Import CSS file

Yuk kita bahas satu per satu…

Inline CSS

Kode CSS dituliskan langsung ke dalam tag HTML yang ingin di format. Penulisan cara ini tidak memerlukan penulisan selector dalam kode CSS.

Cara ini sebaiknya hanya digunakan jika anda mau memformat suatu elemen satu kali saja.

Contoh:

<P style=”color:blue”>
Isi paragraf.
</p>

Pada contoh di atas, elemen paragraf <P> di format agar tulisannya menggunakan warna biru. Elemen paragraf lain, tidak akan menggunakan warna biru, karena format ini hanya berlaku pada elemen paragraf yang ditentukan kode CSS nya.

Penulisan CSS dengan cara ini di mulai dengan kata style: lalu di ikuti dengan syntax property: value.

Embedded CSS

Anda bisa juga menempelkan kode CSS di antara tag <head> dan </head>. Penulisan CSS dengan cara ini diawali dengan tag <style> dan diakhiri dengan tag </style>.

Contoh:

<head>

<style type="text/css" media=screen>

p {color:blue;}

</style>

</head>

Dalam contoh di atas semua elemen <P> dalam halaman web tersebut akan diformat  menggunakan font berwarna biru.

External CSS

Kode CSS external di tulis dalam satu file terpisah yang disimpan dengan akhiran .css. Anda lalu perlu memanggil file CSS tersebut ke dalam semua halaman web yang anda buat. Dengan cara ini, anda hanya perlu memiliki satu set kode CSS yang digunakan untuk semua halaman web anda. Jadi ada dua langkah dalam pengimplementasian CSS dengan cara ini.

Contoh:

1.      Anda membuat satu file dengan notepad atau teks editor lain, dan berinama, misalkan: style.css, lalu tuliskan kode-kode css di dalam file tersebut.

2. p {font-family: arial; font-size: small;}

3. h1 {color: red; }

4.      Langkah kedua adalah memanggil file style.css dari semua halaman web. Caranya dengan memasukkan kode di bawah ini, di antara tag <head> dan </head>

<head>
<link rel=”stylesheet” href=”style.css” type=”text/css”>
</head>

Import CSS

Anda bisa juga meng-import CSS ke dalam suatu halaman website menggunakan tag import.

Contoh:

@import "style.css";

atau

@import url("style.css");

Penggunaan Lebih dari Satu Kode CSS

Apabila ada lebih dari satu kode CSS untuk satu elemen, maka yang akan digunakan adalah kode yang lebih spesifik.

Misalkan dalam satu halaman web, menggunakan eksternal style sheet untuk memformat elemen H1 sbb:

h1 {

color: red;

text-align: left;

font-size: 8pt

}

Sementara di halaman web yang sama, di antara tag <head> ada kode CSS sbb:

h1 {

text-align: right;

font-size: 20pt

}

Perhatikan bagaimana pemformatan saling bertabrakan, dari eksternal style sheet, text-align=left sementara dari internal style sheet, text-align=right.

Dalam kasus seperti ini, maka yang akan aktif adalah kode yang lebih spesifik, dalam hal ini, internal style sheet lebih spesifik dibandingkan eksternal style sheet.

Jadi, dalam contoh di atas, kode yang akan diimplementasikan adalah sbb:

color: red;

text-align: right;

font-size: 20pt

2.4            Class dan Id selector

Class Selector

Class selector adalah penggabungan beberapa properties yang digunakan lebih dari satu kali.

Cara penulisan Class Selector:

.nama-class {property:value;}

Untuk menempelkan class ke dalam tag HTML:

taghtml.nama-class {Property:value;}

Perhatikan tanda titik di setiap awal nama Class. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <div class=nama-class> dan di akhiri dengan tag </div>.

Contoh:

Penulisan kode CSS:

.tengah {text-align:center;}
p.tengah {color:red;}
h1.kiri {color:blue;}
h1.tengah {color:black;}

Pemakaian kode CSS

<div class=tengah>
<p>Teks tengah akan berwarna merah.</p>
<h1 > Tag H1 tengah akan berwarna hitam</h1>
</div>
<h1 class=kiri>Tag H1 kiri akan berwarna biru</h1>

Hasil:

Teks tengah akan berwarna merah.

Tag H1 tengah akan berwarna hitam

Tag H1 kiri akan berwarna biru

ID Selector

ID Selector mirip dengan Class selector. Untuk membedakannya, gunakanlah ID selector untuk memformat bagian yang hanya muncul satu kali dalam satu halaman web, misalnya untuk memformat bagian menu / sidebar.

Cara penulisan ID Selector:

#nama-ID {property:value;}

Untuk menempelkan ID selector ke dalam tag HTML:

taghtml#nama-ID {Property:value;}

Perhatikan tanda # di setiap awal nama ID. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <div id=nama-ID> dan di akhiri dengan tag </div>.

MATERI HTML

2.1            PENGERTIAN HTML

Sebelum kita melangkah lebih jauh ada baiknya Anda tahu apa itu HTML. HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Nah, HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.

Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.

2.2              VERSI HTML

HTML sekarang sudah mencapai versi 4.0 (saat artikel ini ditulis). Sebelum digunakan, HTML harus diuji secara ketat oleh suatu badan yang bernama World Wide Web Concortium (W3C). Setiap penambahan/peningkatan versi, terdapat beberapa tambahan-tambahan tag dan fasilitas yang tidak dimiliki oleh versi sebelumnya. Tentunya versi yang telah dikeluarkan ini harus menjadi standar bagi browser. Bilamana browser ini tidak mendukung versi tertentu, maka browser tersebut tidak dapat menampilkan format HTML yang kita buat. Oleh karena itu, untuk melihat halaman web yang diformat dengan HTML versi baru, harus memiliki browser yang sudah mendukung versi HTML tersebut

VERSI - VERSI HTML

HTML 1.0
Ini adalah awal mula dari HTML (pendahulunya). Pada versi ini masih terlihat beberapa kelemahan dan masih sangat sederhana. Kemampuan yang dimiliki oleh versi 1.0 ini hanya terbatas pada heading, paragraf, hypertext, list dan setak tebal atau miring pada teks.
HTML 2.0
Versi ini telah ditambahkan kemampuan menyisipkan form didalamnya, sehingga kita dapat membuat halaman yang interaktif. Pengunjung dapat mengisi nama, alamat, email dan sebagainya.
HTML 3.0
Versi ini tidak bertahan lama karena kemudian disempurnakan oleh versi 3.2
HTML 3.2
Pada versi ini telah diperkenalkan teknik peletakan teks pada sekeliling gambar, latar belakang berupa gambar, cascading style sheet, tabel, frame dan lain sebagainya. Versi ini juga mendukung Javascript, VBScript dan lain sebagainya.

HTML 4.0
Versi terakhir ini yang resmi dirilis ini telah menunjukkan beberapa kelebihan-kelebihan dari versi sebelumnya. Perubahan-perubahan ini hampir mencakup semua tag-tag HTML sebelumnya. Di samping itu pada versi ini ditambahkan tag-tag baru seperti ABBR, ACRONYM, BUTTON, PARAM, BUTTON, TBODY, THEAD dan lain sebagainya.

2.3              KEKURANGAN DAN KELEBIHAN HTML

Seperti yang kita tahu bahwa, setiap bahasa dan program mempunyai kelebihan dan Kekurangan. Ada baiknya kita mengetahui kelebihan dan kekurangan dari HTML sehingga kita bisa memaksimalkan pengetahuan dan wawasan kita dalam mengeksplorasi dunia browser. 

Kelebihan-kelebihan HTML antara lain:

·         Merupakan bahasa penkodean yang lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang berbeda. Jadi bersifat fleksibel karena ditulis cukup dengan menggunakan editor karakter ASCII.

·         Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink. Gambar di sini digunakan untuk merujuk pada suatu halaman web, dimana setiap titik-titik yang sudah didefinisikan berupa rectangular (kotak), poligon (kurva tak beraturan) atau lingkaran digunakan untuk 'jump' ke halaman lain, atau link ke halaman di luar web yang bersangkutan.

·         Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug-in khusus untuk menjalankan file-file animasi ini).

·         Dapat disisipi bahasa pemrograman untuk mempercantik halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP dan sebagainya.

·         Bukan merupakan bahasa pemrograman jadi tidak memerlukan kompiler. Cara menjalanakannya cukup dengan menggunakan browser.

Adapun kekurangan dari HTML ini adalah:

·         Menghasilkan halaman yang statis, untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.

·         Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam.

·         Tidak dapat menghasilkan halaman yang interaktif. Interaktif di sini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu, HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut, contohnya Perl atau Tcl.

2.4              STRUKTUR DASAR HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

<HTML> Sebagai tanda awal dokumen HTML.

<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh :

<TITLE>Tips HTML -- www.klik-kanan.com</TITLE>

<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">

Sebuah contoh sederhana dokumen HTML :

<HTML>
<HEAD>
<TITLE>Halaman pembuka
</TITLE>
</HEAD>

<BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000">

Letakkan text, images, dan link Anda di sini
</BODY>
</HTML>

2.5            PENGATURAN TEKS

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

Contoh :

<H2>Tutorial Html</H2>

Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.

Line Break: <BR> Digunakan untuk pindah ke baris baru.

No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

<FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT>

 

Contoh lainnya :

<FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">

Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

<BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000">

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

<B> Bold text
<I> Italic text
<U> Underscore
<TT> Typewriter
<S> Strikeout - draws a line through the text
<PRE> Preformatted Text <DFN> Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
<STRONG> Strong
<ADDRESS>

<CITE> Digunakan untuk quoting text
<CODE> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<BIG> Ukuran teks akan lebih besar satu ukuran
<SMALL> Ukuran teks akan lebih kecil satu ukuran
<SUP> Membuat tekssuperscript
<SUB> membuat tekssub script
<ABBREV> Abbreviations
<ACRONYM> Untuk akronim
<PERSON> Digunakan untuk indexing
<Q> Membuat short inline quotation
<VAR> Membuat variable name, selalu dalam italics.

2.6 LISTS

Terdapat tiga tipe list yang dapat digunakan, yaitu :

Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.

Contoh :
<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>

Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.

Contoh :
<UL COMPACT TYPE=square> …

Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.

Contoh :
<OL TYPE=I>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</OL>

 

Untuk TYPE Anda dapat juga menggunakan :

1- Default numbers, 1, 2, 3, etc.
A- Huruf besar. A, B, C, etc.
a- Huruf kecil. a, b, c, etc.
I- Romawi huruf besar. I, II, III, etc.
i- Romawi huruf kecil , i, ii, iii, etc.

Definition Lists: <DL>

Contoh :
<DL>
<DT> Item pertama.
<DD> Penjelasan tentang item pertama.
<DT> Item kedua.
<DD> Penjelasan tentang item kedua
</DL>

2.7            IMAGES

Images :

Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.

Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height

Contoh : <IMG SRC="logo.gif" alt="Ini adalah logo halaman pembuka" width=200 height=100>

<IMG SRC="logo.gif" hspace=10 vspace=5 align=right border=2>

Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.

Contoh :
<A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.
<A HREF="mailto:webmaster@klik-kanan.com">Klik di sini</A> Untuk membuat link pada alamat e-mail.
<A HREF="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.
<A HREF="halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.
<A HREF="halaman2.html"><IMG SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.

2.8            TABEL

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE>
Terdiri dari atribut :

• align - perataan : rata kiri (left), tengah (center) atau kanan (right).
• bgcolor - warna latar belakang (background) dari tabel.
• border - ukuran lebar border tabel (dalam pixel).
• cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
• cellspacing - jarak antar cell (dalam pixel).
• width - ukuran tabel dalam pixel atau percent.

Contoh :
<TABLE align="center" bgcolor="#0000FF" border="2" cellpadding="5" cellspacing="2" width="90%">

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

• align - perataan : rata kiri (left), tengah (center) atau kanan (right).
• bgcolor - warna latar belakang dari baris.
• valign - perataan vertikal : top, middle atau bottom.

Contoh :
<TR align="right" bgcolor="#0000FF" valign=top>

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.

• align - perataan
• background - image yang digunakan sebagai latar belakang dari kolom.
• bgcolor - warna latar belakang
• colspan - lihat gambar contoh
• height - ukuran tinggi cell dalam pixels.
• nowrap - membuat supaya isi dari kolom tetap berada pada satu baris.
• rowspan - lihat gambar contoh
• valign - perataan vertikal :top, middle atau bottom.
• width - ukuran kolom dalam pixel atau percen.

Contoh :
<TD align="right" background="back.gif" bgcolor="#0000FF" colspan="3" height="200" nowrap rowspan="2" valign="bottom" width="300">

<table width="100" border="1" cellspacing="2" cellpadding="2"> <tr> <td bgcolor="#0000FF"> &nbsp;</td> <td bgcolor="#FFFF66">&nbsp;</td> <td rowspan="2" bgcolor="#FF3366">&nbsp;</td> </tr> <tr> <td colspan="2" bgcolor="#33CC66">&nbsp;</td> </tr> <tr> <td colspan="3" bgcolor="#FFCC99">&nbsp;</td> </tr> </table>

<table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#0000FF">&nbsp; </td> <td bgcolor="#FFFF66">&nbsp;</td> <td rowspan="2" bgcolor="#FF3366">&nbsp;</td> </tr> <tr> <td colspan="2" bgcolor="#33CC66">&nbsp;</td> </tr> <tr> <td colspan="3" bgcolor="#FFCC99">&nbsp;</td> </tr> </table>

2.9            FRAMES

1 <FRAMESET cols="*,140"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 2 <FRAMESET cols="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 3 <FRAMESET rows="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 4 <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 5 <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> </FRAMESET></FRAMESET> 6 <FRAMESET cols="*,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET rows="15%,15%,70%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4"> </FRAMESET></FRAMESET> 7 <FRAMESET cols="50%,50%"> <FRAMESET rows="50%,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="homepage2.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame3"> <FRAME SRC="menu2.htm" NAME="Frame4"> </FRAMESET></FRAMESET> 8 <FRAMESET rows="15%,70%,15%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="15%,70%,15%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4"> </FRAMESET> <FRAME SRC="homepage.htm" NAME="BIG"> </FRAMESET></FRAMESET>

2.10          Kumpulan Tag HTML

<!--    -->	Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awal dari Java applets
<area>	Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>	Membuat teks tebal
<basefont>	Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>	Memberi (suara latar) background sound pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>	Pindah baris
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<comment>	Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>	Indents teks
<div>	Represents different sections of text.
<embed>	Menambahkan sound or file avi ke halaman web
<fn>	Seperti tag <a name>
<font>	Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>	Mendefinisikan input form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6>	Ukuran font
<head>	Mendefinisikan head document.
<hr>	Membuat garis horizontal
<html>	Bararti dokumen html
<i>	Membuat teks miring
<img>	Image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Jika browser user tidak mendukung frame
<ol>	Mendefinisikan awal dan akhir list
<p>	Ganti paragraf
<pre>	Membuat teks dengan ukuran huruf yg sama
<script>	Mendefinisikan awal script
<table>	Membuat tabel
<td>	Kolom pada tabel
<title>	Mendefinisikan title
<tr>	Baris pada tabel
<u>	Membuat teks bergaris bawah

Baca selengkapnya »