Propeller Ads ID Propeller Ads

Fungsi dan jenis-jenis RAM

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pxIMj60gdrfE1tulgF59bFNoU4Ql6egaGvS2sZpWlfpuF3n0sHzEdV2ipHOSLXKyxt-_2OEas7Q-rSqXVahlHwwVxMlKRmou130rlcgWhyphenhyphenPfl8oti40o70gEKx6AdiCQpD7vmkIthNA/s1600/komputer.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pxIMj60gdrfE1tulgF59bFNoU4Ql6egaGvS2sZpWlfpuF3n0sHzEdV2ipHOSLXKyxt-_2OEas7Q-rSqXVahlHwwVxMlKRmou130rlcgWhyphenhyphenPfl8oti40o70gEKx6AdiCQpD7vmkIthNA/s1600/komputer.png" title="Fungsi dan jenis-jenis RAM" width="200" /></a></div>
sudahkah kalian tahu tentang RAM ???.. Fungsi RAM yaitu sebagai memori atau tempat penyimpanan sementara. RAM adalah komponen yang digunakan dalam perangkat untuk tujuan penyimpanan. Memory bekerja dengan menyimpan dan menyuplai data yang diperlukan Processor dengan sangat cepat untuk diolah menjadi informasi. Data yang disimpan dalam RAM dibaca dalam bentuk semburan. Tergantung pada cara data yang dikelola, Pada dasarnya chip RAM diklasifikasikan. Menjadi  dua jenis utama yaitu:<br />
<br />
<br />
<br />
<br />
<br />
RAM Statis atau SRAM<br />
RAM Dynamis atau DRAM<br />
<br />
Jenis-jenis RAM di beri nama sesua dengan teknologi yang digunakan. simak tentangMacam-Macam RAM dan Kepanjangan nya:<br />
<br />
<a href="http://riyan.facesweet.com/"><img alt="http://www.hots.web.id/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7w-_3b_xs7ihHD0x-JKKuhSe036de4Io1WNNblVDn6_T0Y4upmLBYJT4RyQNr3iElAnrilk8qbJ5emhFYnxkJ92QEVpEBpJDPoF6QhQm5UvZtrziJU14uo9JF-DnS8v_5nEKli9m68pSr/s1600/images.jpg" title="Fungsi dan jenis-jenis RAM" /></a><br />
<br />
<br />
SDRAM – Synchronous Dynamic Random-Access Memory<br />
DDR SDRAM – Double Data Rate Synchronous Dynamic Random-Access-Memory<br />
DDR2 SDRAM – Double Data Rate Type Two Synchronous Dynamic Random-Access Memory<br />
DDR3 SDRAM – Double Data Rate Type Three Synchronous Dynamic Random-Access Memory<br />
DDR4 SDRAM – Double Data Rate Type Four Synchronous Dynamic Random-Access Memory<br />
DRDRAM – Direct Rambus Dynamic Random-Access Memory<br />
PSRAM – Pseudostatic Random-Access Memory<br />
RLDRAM – Reduced-Latency Dynamic Random-Access Memory<br />
EDO DRAM – Extended Data Out Dynamic Random-Access Memory<br />
SGRAM – Synchronous Graphics Random-Access Memory<br />
FPM DRAM – Fast Page Mode Dynamic Random-Access Memory<br />
<br />
<br />
Fungsi RAM Statis dan Jenis-Jenisnya<br />
Fungsi RAM statis atau SRAM, untuk menyimpan data dalam bit menggunakan bistable flip-flop. Setelah data ditulis dalam SRAM, data disimpan dan tidak harus refresh sesering jenis RAM yang lain. Ada tiga mode di mana sel beroperasi dalam menyimpan data dalam SRAM, yaitu siaga,  Membaca dan Menulis. Tidak seperti DRAM, SRAM tidak mengkonsumsi lebih banyak daya. Jenis-jenis RAM Statis dibedakan berdasarkan: Penyimpanan data dan Transistor.<br />
<br />
1.  Jenis-Jenis RAM statis berdasarkan Penyimpanan Data:<br />
<br />
Non-volatile SRAM: Data disimpan, walau ketika power dimatikan, sehingga informasi penting dijamin aman<br />
<br />
Asynchronous SRAM: Data dapat disimpan dalam kisaran 4KB untuk 64 Mb. Waktu akses cepat, adalah karakteristik utama dari Asynchronous SRAM, dan karena itu digunakan sebagai komponen memori utama pada kebanyakan perangkat elektronik dan embedded system.<br />
<br />
2.  Jenis-Jenis RAM statis berdasarkan Transistor:<br />
<br />
Bipolar Junction Transistor: digunakan pada perangkat Transistor-Transistor Logic (TTL) andEmitter-Coupled Logic (ECL), menggunakan banyak daya tetapi bekerja sangat cepat.<br />
<br />
Metal Oxide Semiconductor Field Effect Transistor (MOSFET): digunakan pada perangkat aplikasi yang berbasis teknologi Complementary metal-oxide-semiconductor (CMOS).<br />
<br />
3.  Jenis-Jenis RAM statis berdasarkan Fitur:<br />
<br />
Quad Data Rate SRAM: Dalam satu siklus clock lengkap, dua kata data yang ditransfer. Terpisah I/O bus (jaringan yang menghubungkan semua perangkat dan chip dalam komputer) digunakan untuk membaca dan menulis data.<br />
<br />
DDR SRAM: Umum I/O bus yang digunakan untuk transfer data dan clock tunggal digunakan untuk mengontrol input dan output data.<br />
<br />
4.  Jenis-Jenis RAM statis berdasarkan Flip-Flop:<br />
<br />
SRAM biner: terdiri dari transistor masker dan latch.<br />
<br />
SRAM ternary: dirancang menggunakan 8 transistor atau 14 transistor.<br />
<br />
Penggunaan SRAM:<br />
<br />
Komputer<br />
Mikroprosessor<br />
Digital Signal Processing (DSP) Sirkuit<br />
Layar LCD dan Printer<br />
Hard Disk dan Buffer Router<br />
Kamera Digital<br />
Synthesizer<br />
Ponsel<br />
<br />
Fungsi RAM Dinamis dan Jenisnya<br />
Fungsi RAM yang utama adalah membantu Processor dalam penyediaan data yang sangat cepat”. Fungsi RAM layaknya seperti HDD Digital, karena semua komponen RAM sudah berteknologi digital. Dengan RAM, maka Processor tidak perlu menunggu kiriman data dari HDD. <br />
Dibawah ini jenis-jenis RAM dinamis (DRAM) yang umum digunakan sebagai Piranti komputer:<br />
<br />
1.  SDRAM<br />
Perubahan input ditanggapi dan diproses dengan SDRAM 1. Hal ini karena Ini synchronous interface, yang mensinkronkan dengan sistem bus komputer dan pengoperasinya diaktifkan oleh sinyal clock input.<br />
<br />
2.  DDR SDRAM<br />
DDR 2 SDRAM adalah Integrated Circuit (IC), yang menyimpan data, di komputer. Sinyal clock yang digunakan dalam DDR SDRAM lebih efisien daripada yang digunakan dalam SDRAM, sehingga transfer data dibuat lebih cepat. DDR SDRAM interface menggunakan apa yang disebut sebagai proses pemompaan ganda, yang berarti bahwa data yang ditransfer baik pada tepi atas dan ke bawah dari sinyal clock. Kecepatan transfer data dari DDR SDRAM adalah 1.600 megabyte per detik. Hal ini digunakan dalam komputer dan ponsel.<br />
<br />
3.  DDR2 SDRAM<br />
DDR23 SDRAM adalah  penerus dari DDR SDRAM. Konsumsi daya DDR2 SDRAM lebih sedikit dibandingkan dengan pendahulunya dan memiliki kecepatan bus data yang tinggi. satu perbedaan antara DDR2 SDRAM dan DDR SDRAM, kecepatan clock pendahulunya adalah setengah dari chip yang terakhir.  Kecepatan maksimum transfer Data DDR2 SDRAM adalah 3.200 megabyte per detik.<br />
<br />
4.  DDR3 SDRAM<br />
Dibandingkan dengan pendahulunya, DDR3 SDRAM memberikan bandwidth yang tinggi, kecepatan transfer data yang tinggi dll Kecepatan transfer data dari RAM ini adalah 6.400 megabyte per detik, merupakan dua kali lipat dari DDR2 SDRAM. Konsumsi daya dari DDR3 SDRAM adalah 30% lebih rendah dari DDR2 SDRAM.<br />
<br />
5.  DDR4 SDRAM<br />
Ini adalah bandwidth yang untuk interface generasi selanjutnya, yang sedang dikembangkan dan diharapkan dapat di luncurkan pada 2012. Beberapa manfaat yang diharapkan dari DDR4 5 SDRAMadalah kecepatan transfer data tinggi, tegangan input rendah, rentang frekuensi clock yang tinggi.<br />
<br />
6.  DRDRAM<br />
DRDRAM 6 atau RDRAM adalah jenis SDRAM yang dikenal untuk latensi tinggi, heat output,  kompleksitas, dan kinerja rendah dibanding dengan harga yang tinggi. Hal ini digunakan dalam kontrol video game dan kartu video.<br />
<br />
7.  PSRAM<br />
PSRAM 7 menawarkan manfaat dan fungsi RAM gabungan dari DRAM (High Density) dan SRAM(kemudahan penggunaan), memiliki built-in refresh dan address-control circuit yang sangat mirip dengan SRAM, digunakan dalam sistem embedded seperti produk Apple.<br />
<br />
8.  RLDRAM<br />
Type RAM ini terutama digunakan dalam jaringan Komputer dan caching aplikasi. Aplikasi tingkat tinggi yang melibatkan Fungsi RAM ini dalam operasi membaca / menulis. RLDRAM 8  menyediakan akses acak dengan bandwidth tinggi.<br />
<br />
9.  EDO DRAM<br />
EDO DRAM 9 juga bisa disebut Hyper Page Mode enable DRAM, memberikan peningkatan kinerja  dengan memungkinkan operasi beruntun  untuk tumpang tindih (overlap) karena fasilitas ini, siklus akses baru dapat dimulai bahkan ketika, output data dari siklus sebelumnya aktif.<br />
<br />
10.  SGRAM<br />
SGRAM 10 digunakan dalam adapter grafis dan dapat membuka dua halaman memori pada suatu waktu. Chip ini juga menawarkan masking bit dan menulis blok. SGRAM dirancang untuk tujuan percepatan kinerja tinggi yang terutama digunakan  pada video card.<br />
<br />
11.  FPM DRAM<br />
Dengan FPM DRAM11 membaca dan menulis data tidak tertunda karena precharge dan mengakses deretan DRAM. Hal ini meningkatkan kinerja perangkat.<br />
<br />
Beberapa bagian dari RAM dapat dipartisi dan digunakan sebagai hard disk drive untuk menyimpan data. Fungsi RAM menyimpan data sementara dan digunakan terutama pada perangkat komputer. Ada banyak macam-macam RAM tergantung dari  cara data yang dikelola. Teknologi RAM yang berkembang sekarang adalah menggabungkan nanotube karbon dengan Teknologi RAM untuk meningkatkan kinerja dan akses data lebih cepat, meskipun data disimpan sementara dan digunakan terutama pada perangkat komputer. Sejak tahun1951, ketika RAM pertama diciptakan dan dipasarkan, teknologinya maju pesat dan beragam jenis-jenis RAM diciptakan. Para ilmuwan, sekarang, bekerja bagaimana menggabungkan nanotube karbon dengan Teknologi RAM untuk meningkatkan kinerja Fungsi RAM.<br />
<br />
Semoga bermanfaat..

Fungsi dan jenis-jenis RAM

sudahkah kalian tahu tentang RAM ???.. Fungsi RAM yaitu sebagai memori atau tempat penyimpanan sementara. RAM adalah komponen yang digunak...

Sunday, February 23, 2014

Daftar widget yang digunakan untuk mempercantik blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" title="Daftar widget yang digunakan untuk mempercantik blog" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
Oke kali ini Hots WEB berbagi postingan terbaru,  info mengenai beberapa Daftar widget yang digunakan untuk mempercantik blog.. oke langsung aja ya sist and broth.. cekidott...</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab suhuuu* So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahuu.</div>
<div>
<br /></div>
<div>
2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.</div>
<div>
<br /></div>
<div>
3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.</div>
<div>
<br /></div>
<div>
4. Flickr Flash Photo Stream Badge – Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.</div>
<div>
<br /></div>
<div>
5. Preview Anywhere – sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang selalu ada; sebagian menganggap widget ini berguna karena menandakan kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang lojalabo. *heuheu*</div>
<div>
<br /></div>
<div>
6. Twitter Badge – Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* (140 karakter) Anda sedang melakukan kegiatan ini, Anda sedang berada dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru Anda. Dan untuk pengguna WP sudah ada plugin untuk memposting twitter langsung dari blog Anda, contohnya di sidebar blog ini ada celotehan saya sekedar catatan apa yang tengah saya kerjakan menggunakan plugin tersebut.</div>
<div>
<br /></div>
<div>
7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah… *halaaah* Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.</div>
<div>
<br /></div>
<div>
8. FEEDJIT – Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* heuheu. Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.</div>
<div>
<br /></div>
<div>
9. LineBuzz – Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi di atas 900 Mhz tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*</div>
<div>
<br /></div>
<div>
10. Flixn – Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda *heuheu* . Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam yahoo.</div>
<div>
<br /></div>
<div>
11. 3Jam – Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.</div>
<div>
<br /></div>
<div>
12. Jaxtr – Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda. *nomor HP Anda dijamin kerahasiaannya*</div>
<div>
<br /></div>
<div>
13. LinkedInABox – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.</div>
<div>
<br /></div>
<div>
14. Box Widget – Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.</div>
<div>
<br /></div>
<div>
15. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.</div>
<div>
<br /></div>
<div>
16. iBegin Weather Widget – Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.</div>
<div>
<br /></div>
<div>
17. ClockLink – Sepertinya widget ini yang paling banyak diminati dan digunakan para blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan petunjuk waktu atau jam pada blog Anda.</div>
<div>
<br /></div>
<div>
18. Film Loops – Menampilkan kesimpulan filem terakhir yang Anda tonton melalui account FilmLoops Anda.</div>
<div>
<br /></div>
<div>
19. Daily Painters – Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.</div>
<div>
<br /></div>
<div>
20. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.</div>
<div>
<br /></div>
<div>
21. Criteo AutoRoll – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda. Sehaluan…? Secara…! Heuheu.</div>
<div>
<br /></div>
<div>
22. Calender – Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika Anda ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.</div>
<div>
<br /></div>
<div>
23. Bitty Browser – Menampilkan web browser “mini” pada sidebar blog Anda. Tapi mesti hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang lainnya… *beuh ga nyambung*</div>
<div>
<br /></div>
<div>
24. Leafletter – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.</div>
<div>
<br /></div>
<div>
25. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.</div>
<div>
<br /></div>
<div>
26. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.</div>
<div>
<br /></div>
<div>
27. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler abad ini… dialaaaaaaah Technoraaaaati. *juara tinju dunia kita* halaaaah.</div>
<div>
<br /></div>
<div>
28. MyPageRank – Inilah cara lain untuk sombong menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik menurut google itu yang lebih besar alias 10, kalo baru satu berarti belum besar-besar amat blog Anda.</div>
<div>
<br /></div>
<div>
29. CheckPageRank – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.</div>
<div>
<br /></div>
<div>
30. Counter Statistic – Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.</div>
<div>
<br /></div>
<div>
31. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.</div>
<div>
<br /></div>
<div>
32. BlinkxIt – Widget mantab sangad karena menampilkan banner kecil dibawah setiap postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.</div>
<div>
<br /></div>
<div>
33. Skype button – Seperti widget menampilkan status online YM pada blog Anda, widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.</div>
<div>
<br /></div>
<div>
34. RockYou Horoscope – Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari shalat Anda tidak diterima *mode galak* Heuheu…</div>
<div>
<br /></div>
<div>
35. Bravenet Horoscope – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.</div>
<div>
<br /></div>
<div>
36. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.</div>
<div>
<br /></div>
<div>
37. del.icio.us Linkrolls – Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.</div>
<div>
<br /></div>
<div>
38. Timelines – Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.</div>
<div>
<br /></div>
<div>
39. PollDaddy – PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey interaktif padamu negeri dengan theme yang sangat cantik dan menawan hati tanpa batas waktu yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua.</div>
<div>
<br /></div>
<div>
40. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.</div>
<div>
<br /></div>
<div>
41. AnswerTips – Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah mas tukul*. pis mas… Heuheu.</div>
<div>
<br /></div>
<div>
42. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban segala risau hatiku dari Answer.Com.</div>
<div>
<br /></div>
<div>
43. Now Playing – Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal itu mungin terjadi.</div>
<div>
<br /></div>
<div>
44. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada blognya dia, mereka dan dirinya. *jangan maksa deh*</div>
<div>
<br /></div>
<div>
45. LibraryThing – Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!</div>
<div>
<br /></div>
<div>
46. Plaxo Address Book – Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.</div>
<div>
<br /></div>
<div>
47. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan catatan pengunjung blog Anda membeli barang lelang tersebut.</div>
<div>
<br /></div>
<div>
48. aStore – Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo belum Klik Disini untuk daftar dan langsung buat “warung sederhananya”. Heuheu.</div>
<div>
<br /></div>
<div>
49. Deal of The Day – Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang dari widget tersebut tentu Anda mendapat persenan dari amazon, lumayanlah buat beli kacang goreng. Heuheu.</div>
<div>
<br /></div>
<div>
50. Plazes – Widget ini menampilkan dimana posisi Anda, apakah sudah PW atau belum…? Kalo belum PW cari dulu deh tempat yg nyaman buat ngeblog biar PW . Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*</div>
<div>
<br /></div>
<div>
51. Stockalicious – Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang* heuheu.</div>
<div>
<br /></div>
<div>
52. Yahoo! For Good – Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa sosial, rasanya widget ini perlu, anggap saja blog Anda warung atau toko yang menerima penitipan kotak amal. ^_^</div>
<div>
<br /></div>
<div>
53. Giftspace – Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan. *meski diberi nawar boleh donks* heuheu.</div>
<div>
<br /></div>
<div>
54. MixMap – Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.</div>
<div>
<br /></div>
<div>
55. Google Map Widget – Perlihatkan pencarian pada peta google dari blog Anda.</div>
<div>
<br /></div>
<div>
56. Google Video Search – Tampilkan form pencarian video dari video pilihan pada blog Anda.</div>
<div>
<br /></div>
<div>
57. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.</div>
<div>
<br /></div>
<div>
58. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa Anda gunakan diantaranya, Shoutmix, Cbox, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih Oggix. Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar. Pssst jangan bilang kalo saya udah nyoba blognya oggix, klik disini untuk melihat blog oggix punya saya *heuheu*</div>
<div>
<br /></div>
<div>
Demikian diantara widget yang bisa digunakan untuk mempercantik blog Anda. Pilih saja yang sekiranya bermanfaat dan cocok untuk blog Anda. Ingat! Kebanyakan widget bisa mengesankan blog Anda kumuh dan membuat lojalabo dan berakibat pengunjung malas untuk datang kedua kali.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Kalo mau menambahkan widget lain yang Anda temukan silahkan tambahkan pada kolom komentar. Terimakasih..</div>
</div>

Daftar widget yang digunakan untuk mempercantik blog

Oke kali ini Hots WEB berbagi postingan terbaru, info mengenai beberapa Daftar widget yang digunakan untuk mempercantik blog.. oke ...

Sunday, February 23, 2014

Kata frontal terupdate

Kata frontal terupdate

Oke kali ini Lorong Kata berbagi postingan terbaru, berikut Kata frontal terupdate :

Saturday, February 22, 2014

Kumpulan kata dalam film naruto

<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2RYyBjEOdVM0DJu9mbBqDfJWeJJM5uipRNodR6pcxGxBuS0oMS9MeHmvjJRN816n0FptbQfMy-_1C7HuV0LoGuI_JN4pzCfAJSbL_iRk_WZTPqMpNDVjSCgeTDlt-Iu-RC2pxwc-WZw/s1600/naruto.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://riyan.facesweet.com/2014/02/kumpulan-kata-dalam-film-naruto.html" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2RYyBjEOdVM0DJu9mbBqDfJWeJJM5uipRNodR6pcxGxBuS0oMS9MeHmvjJRN816n0FptbQfMy-_1C7HuV0LoGuI_JN4pzCfAJSbL_iRk_WZTPqMpNDVjSCgeTDlt-Iu-RC2pxwc-WZw/s1600/naruto.jpg" title="Lorong Kata" width="200"></a></div>
<div class="MsoNormal">
Oke kali ini <b>Lorong Kata</b> <b>berbagi Kumpulan Kata Dalam Film Naruto </b>diambil dari tiap pernyataan
tokoh film Naruto. <a href="http://riyanfirdaus.blogspot.com/"></a></div>

Kumpulan kata dalam film naruto

Oke kali ini Lorong Kata berbagi Kumpulan Kata Dalam Film Naruto diambil dari tiap pernyataan tokoh film Naruto.

Saturday, February 22, 2014

Update status lucu

Update status lucu

haii .. sobat Lorong Kata Sebenarnya membuat status facebook untuk mendapatkan banyak komentar dan like

Saturday, February 22, 2014

Tutorial elemen head html

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkIHn6WTHK_K-kxqVPnGzrnVGENnlnzfHc_SxtBimVLD7YIw85D39rBhathAEaqb4dBfWsfcPoSauiHshuQvvVrJGxllHHg-L8KmkAvaXPRdwXx8eIRB7pD8g9Mb3wDOpFlMYzDp2biI/s1600/html2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkIHn6WTHK_K-kxqVPnGzrnVGENnlnzfHc_SxtBimVLD7YIw85D39rBhathAEaqb4dBfWsfcPoSauiHshuQvvVrJGxllHHg-L8KmkAvaXPRdwXx8eIRB7pD8g9Mb3wDOpFlMYzDp2biI/s1600/html2.png" title="Tutorial elemen head html" width="200" /></a></div>
<div class="MsoNormal">
Haii.. sobat Hots WEB, Elemen adalah struktur yang menjelaskan suatu bagian dari
dokumen HTML.</div>
<br />
Misalnya elemen h menjelaskan sebuah heading, element title
menjelaskan sebuah judul, dan elemen p menjelaskan sebuah paragraf.<o:p></o:p><br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sebuah elemen mengandung tiga bagian, yaitu tag awal, isi
dan tag akhir. Sebuah elemen diapit oleh kode "<" dan
">" (tanpa tanda petik). Pada tag akhir disisipkan tanda /.
Misalnya elemen body memiliki tag awal <body>, dan tag akhir
</body>. Start tag dan end tag mengatup isi elemen tag :<o:p></o:p></div>
<div class="MsoNormal">
<body>Isi dari elemen</body>.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Nama elemen tidak memperhatikan besar-kecilnya huruf
sehingga <body>, <BODY>, dan <BodY> sama saja.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen-elemen tidak boleh bertindihan satu sama lain. Bila
suatu baris perintah diawali elemen P lalu disusul elemen EM, maka diakhir
baris harus diakhiri dengan elemen EM terlebih dahulu kemudian P. Misalnya :<o:p></o:p></div>
<div class="MsoNormal">
<P><EM>Isi dari elemen emphasized
text</EM></P><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen Head<o:p></o:p></div>
<div class="MsoNormal">
Elemen <head> merupakan elemen yang berisikan
informasi mengenai halaman web yang tengah dibuka, yang tidak akan ditampilkan
secara visual di halaman browser.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen HEAD bisa digunakan untuk tempat penulisan judul
dokumen, informasi dokumen dan definisi referensi alamat. Selain itu, elemen
Head juga berfungsi untuk menghubungkan antara fike external (CSS atau
JavaScript) dengan halaman web yang bersangkutan dan sebaga tempat penulisan
sebuah keyword/kata kunci agar halaman web tercatat dalam mesin pencari (search
engine), seperti yahoo, google, dan sebagainya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks :<o:p></o:p></div>
<div class="MsoNormal">
<head><o:p></o:p></div>
<div class="MsoNormal">
<title>Belajar Elemen Head</title><o:p></o:p></div>
<div class="MsoNormal">
</head><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Di bawah ini adalah elemen dan atribut yang dapat digunakan
pada elemen HEAD: Atribut dari elemen HEAD di antaranya: dir, lang, xml:lang,
profile.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen BASE<o:p></o:p></div>
<div class="MsoNormal">
Elemen BASE dipakai untuk menguraikan suatu alamat URL agar
browser mengikutsertakan alamat tersebut dalam pencarian suatu obyek pada
dokumen. Atribut: href, target.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<BASE Attribute="attributeValue"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HREF digunakan untuk menetapkan default URL untuk
URL-URL relatif didalam dokumen HTML. Atribut TARGET digunakan untuk menetapkan
default target jendela dimana URL-URL relatif nantinya ditampilkan. Contoh:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BASE HREF="http://example.com/files/"
TARGET="_blank"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="A.html">Link 1</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="B.html">Link 2</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="C.html">Link 3</A><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berdasarkan dokumen HTML diatas,<o:p></o:p></div>
<div class="MsoNormal">
jika Link 1 diklik, pada address bar akan tercetak
http://example.com/files/A.html.<o:p></o:p></div>
<div class="MsoNormal">
Jika Link 2 diklik, pada address bar akan tercetak
http://example.com/files/B.html.<o:p></o:p></div>
<div class="MsoNormal">
Jika Link 3 diklik, pada address bar akan tercetak
http://example.com/files/C.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Jadi disini sebenarnya URL-URL relatif selalu mengacu kepada
default URL berdasarkan penggambaran di elemen BASE.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen TITLE<o:p></o:p></div>
<div class="MsoNormal">
Elemen TITLE dipakai untuk mengartikan judul dokumen.
Atribut dari elemen TITLE di antaranya: dir, lang, xml:lang. Isi dari elemen
title juga digunakan untuk beberapa tujuan lainnya.<o:p></o:p></div>
<div class="MsoNormal">
Ini adalah nama yang muncul di taksbar IE atau Firefox.
Dibawah ini contoh taksbar di IE.<o:p></o:p></div>
<div class="MsoNormal">
Ketika anda menambahkan halaman ke bookmark (atau
favorit),judul akan digunakan sebagai nama penanda.<o:p></o:p></div>
<div class="MsoNormal">
Elemen title digunakan oleh mesin pencari untuk memastikan
apa isi halaman anda, dan informasi apa tentang hal itu yang ditampilkan dalam
hesil pencarian.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<TITLE
Attribute="attributeValue">...</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut LANG dan DIR ("ltr" dan "rtl")
masing-masing digunakan untuk menetapkan kode bahasa dan arah penulisan dari
isi elemen TITLE. Contoh:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE LANG="id" DIR="ltr">Judul
Dokumen</TITLE><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
...<o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen META<o:p></o:p></div>
<div class="MsoNormal">
Elemen META dipakai untuk mengartikan keterangan pada
dokumen, seperti nama penulis dokumen, deskripsi dokumen dan informasi kata
kunci yang digunakan oleh mesin pencarian seperti Google, Yahoo, Bing, dll.
dalam pencarian halaman yang sesuai dengan pencarian.<o:p></o:p></div>
<div class="MsoNormal">
Metadata yang digambarkan elemen META tidak ditampilkan
secara visual, tetapi metadata tersebut sangat membantu mesin-mesin pencari,
seperti Google, Yahoo, dll.<o:p></o:p></div>
<div class="MsoNormal">
Elemen META harus digambarkan dibagian HEAD. Namun teramat
disayangkan terlalu banyak webmaster yang menggunakan tag ini hanya untuk
spamming. MIsalnya seperti mengulang-ulang keyword untuk membuat page ranking
yang lebih tinggi, sehingga ada search engine yang telah menghentikan
penggunaan isi dari meta. Atribut dari elemen META di anataranya: content,
http-equiv, name, content,scheme, dir,lang, xml:lang.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<META Attribute="attributeValue"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut CONTENT digunakan sebagai tempat untuk menggambarkan
informasi dari atribut NAME atau HTTP-EQUIV. Atribut NAME digunakan untuk
menetapkan nama-nama parameter, seperti "author",
"description", "keywords", dll.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
NAME="author" menggambarkan nama pemilik dari
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
NAME="keywords" menggambarkan kata kunci untuk
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
NAME="description" menggambarkan deskripsi singkat
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
NAME="generator" menggambarkan nama program dimana
dokumen HTML dibuat, misal Notepad.<o:p></o:p></div>
<div class="MsoNormal">
NAME="expires" menggambarkan masa berlaku untuk
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<META NAME="author" CONTENT="Noeroel
Arashi"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="keywords"
CONTENT="html,css,javascript"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="description" CONTENT="Tutorial
Web"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="generator"
CONTENT="Notepad"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="expires" CONTENT="Sun, 18 sept
2012 12:00:01 GMT"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HTTP-EQUIV digunakan untuk menggambarkan HTTP
header.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Untuk HTTP-EQUIV="content-language" menggambarkan
kode bahasa untuk dokumen HTML. <o:p></o:p></div>
<div class="MsoNormal">
Untuk HTTP-EQUIV="content-type" menggambarkan
jenis media internet untuk dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<META HTTP-EQUIV="content-language"
CONTENT="id"><o:p></o:p></div>
<div class="MsoNormal">
<META META HTTP-EQUIV="content-type"
CONTENT="text/html;charset="UTF-8"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh menggambarkan metadata untuk sebuah
dokumen HTML:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="description" CONTENT="tutorial
web" LANG="en" DIR="ltr"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="keywords"
CONTENT="HTML,css,javascript,DHTML"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="author" CONTENT="Noeroel
Arashi"><o:p></o:p></div>
<div class="MsoNormal">
<META HTTP-EQUIV="content-type"
CONTENT="text/html;charset=UTF-8"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
...<o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen SCRIPT<o:p></o:p></div>
<div class="MsoNormal">
Elemen SCRIPT dipakai untuk mengartikan/mengembed suatu
script fungsi, seperti : Javascript, VBscript atau mengartikan tautan lokasi
file script untuk digunakan dokumen. Isi dari elemen SCRIPT adalah bahasa
scripting yang diembed atau yang akan dituliskan. Elemen SCRIPT boleh
digambarkan dibagian HEAD, elemen-elemen Block-Level kecuali didalam elemen
SELECT dan SCRIPT. Atribut dari elemen SCRIPT di antaranya: charset, type,src,
defer, xml: space.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT Attribute="attributeValue">...</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut TYPE digunakan untuk menetapkan tipe media internet
untuk bahasa scripting yang akan digunakan, seperti "text/vbscript"
untuk bahasa VBScript, "text/javascript" untuk bahasa Javascript,
dll. <o:p></o:p></div>
<div class="MsoNormal">
Atribut CHARSET digunakan untuk menetapkan character set
untuk bahasa scripting eksternal, nilai default adalah "ISO-8859-1"
jika anda tidak memberikannya. Atribut SRC digunakan untuk menetapkan lokasi
dari bahasa scripting yang akan diembed kedalam dokumen HTML. Atribut DEFER
digunakan untuk memberitahukan kepada browser, bahwa pengeksekusian bahasa
scripting ditunda dahulu sampai dokumen HTML selesai dimuat.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh berikut ini adalah menggambarkan bahasa scripting
Javascript didalam dokumen HTML yang sama:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"><o:p></o:p></div>
<div class="MsoNormal">
document.write("Halo 1!<o:p></o:p></div>
<div class="MsoNormal">
");<o:p></o:p></div>
<div class="MsoNormal">
</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"><o:p></o:p></div>
<div class="MsoNormal">
document.write("Halo 2!");<o:p></o:p></div>
<div class="MsoNormal">
</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh berikut ini adalah mengembed bahasa scripting
Javascript eksternal kedalam dokumen HTML:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Ketiklah dokumen Javascript eksternal dibawah ini dengan
Notepad, lalu simpan dengan nama halo.js.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
document.write("Halo 1!<BR>");<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Ketiklah kembali dokumen HTML dibawah ini dengan Notepad,
lalu simpan dengan nama halo.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"
SRC="halo.js"></SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"><o:p></o:p></div>
<div class="MsoNormal">
document.write("Halo 2!");<o:p></o:p></div>
<div class="MsoNormal">
</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Jalankan dokumen halo.html dengan browser.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen OBJECT<o:p></o:p></div>
<div class="MsoNormal">
Elemen OBJECT dipakai untuk mengartikan/mengembed suatu objek
agar dapat digunakan pada dokumen. Atribut dari elemen OBJECT di antaranya: id,
name, class, dir, lang, style, tabindex, title, xml:lang, align archive,
border, classid, codebase, codetype, data, declare, height, hspace, standby,
type, usemap, vspace, width. Beberapa jenis objek yang diembed seperti applet
Java, animasi Flash memerlukan settingan run-time. Untuk menyetting run-time
untuk objek-objek yang diembed tersebut gunakanlah elemen PARAM.<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen PARAM yang diikuti elemen-elemen Inline dan/atau
elemen-elemen Block-Level boleh digambarkan didalam elemen OBJECT. Untuk elemen
OBJECT itu sendiri boleh digambarkan didalam elemen-elemen Block-Level dan
elemen-elemen Inline, kecuali didalam elemen PRE.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<OBJECT
Attribute="attributeValue">...</OBJECT><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut ALIGN digunakan untuk mengatur kelurusan atau posisi
objek yang diembed terhadap elemen-elemen disekitarnya, nilainya adalah
"top", "middle", "bottom", "left", dan
"right".<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut ARCHIVE digunakan untuk menetapkan lokasi atau URL
dari file JAR, umumnya. Atribut BORDER digunakan untuk mengatur ketebalan garis
border untuk objek yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut CLASSID digunakan untuk menetapkan lokasi atau URL
dari implementasi (umumnya adalah lokasi dari versi plug-in yang digunakan)
dari objek yang diembed. Atribut CODEBASE digunakan untuk menetapkan default
URL untuk atribut CLASSID, DATA, atau ARCHIVE.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut CODETYPE digunakan untuk menetapkan tipe media
internet untuk nilai atribut CLASSID.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut DATA digunakan untuk menetapkan lokasi atau URL dari
objek yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
Atribut HEIGHT digunakan untuk menetapkan tinggi untuk objek
yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HSPACE digunakan untuk menetapkan banyaknya ruang
spasi antara objek yang diembed dengan elemen-elemen yang berada disisi kiri
dan sisi kanannya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut NAME digunakan untuk memberikan nama pengenal untuk
elemen OBJECT.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut STANDBY digunakan untuk menuliskan pesan pendek
selagi objek yang diembed sedang dalam proses dimuat (loading).<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut TYPE digunakan untuk menetapkan tipe media internet
untuk objek yang diembed (berdasar nilai dari atribut DATA).<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut USEMAP digunakan untuk menggambarkan image-map
disisi klien, nilainya adalah nilai atribut NAME elemen MAP, dan diawali karakter
"#".<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut VSPACE digunakan untuk mengatur banyaknya ruang
spasi antara objek yang diembed dengan elemen-elemen yang berada disisi atas
dan sisi bawahnya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut WIDTH digunakan untuk menetapkan lebar untuk objek
yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh mengembed sebuah dokumen HTML:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<OBJECT DATA="A.html"
TYPE="text/html" WIDTH="300" HEIGHT="200"><o:p></o:p></div>
<div class="MsoNormal">
Alternatif: <A HREF="A.html">Tautan ke
dokumen A.html</A></OBJECT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh mengembed sebuah dokumen PDF:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<OBJECT DATA="A.pdf"
TYPE="application/pdf" WIDTH="300"
HEIGHT="200"><o:p></o:p></div>
<div class="MsoNormal">
Alternatif: <A HREF="A.pdf">Ke dokumen
A.pdf</A></OBJECT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh mengembed sebuah file SWF kedalam
dokumen HTML::<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<OBJECT
CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" <o:p></o:p></div>
<div class="MsoNormal">
CODEBASE="http://download.macromadia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,16,0"
WIDTH="320" HEIGHT="400"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="movie"
VALUE="namaFile.swf"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="quality" VALUE="high"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="play" VALUE="true"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="loop" VALUE="false"><o:p></o:p></div>
<div class="MsoNormal">
</OBJECT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen LINK<o:p></o:p></div>
<div class="MsoNormal">
Elemen LINK dipakai untuk mengartikan suatu style dokumen
dan mengartikan tautan lokasi file style untuk menghubungkan antara dokumen
dengan sumber lainnya. Atribut dari elemen LINK di antaranya: id, dir, class,
lang, style, title, xml:lang, charset, href, hreflang, media, rel, src, rev,
target, type.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<LINK Attribute="attributeValue"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut REV digunakan untuk menetapkan hubungan antara
dokumen yang ada dengan dokumen yang dilink. <o:p></o:p></div>
<div class="MsoNormal">
Atribut REL digunakan untuk menetapkan hubungan antara
dokumen yang dilink dengan dokumen yang ada. Hanya nilai "stylesheet"
untuk atribut REL yang didukung oleh kebanyakan browser, dibawah ini adalah
contoh menggunakan nilai "stylesheet" untuk atribut REL:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Tuliskanlah kode CSS dibawah ini menggunakan Notepad, lalu simpan
dengan nama STYLE.css.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
P#pertama {<o:p></o:p></div>
<div class="MsoNormal">
color: blue;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
P#kedua {<o:p></o:p></div>
<div class="MsoNormal">
color: red;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Lalu tuliskanlah dokumen HTML dibawah ini menggunakan
Notepad, lalu simpan dengan REL.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE>REL.html</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="stylesheet"
HREF="STYLE.css" TYPE="text/css"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<P ID="pertama">Alinea 1</P><o:p></o:p></div>
<div class="MsoNormal">
<P ID="kedua">Alinea 2</P><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Terakhir jalankan dokumen REL.html, akan nampak didalam
jendela browser untuk alinea pertama teksnya akan ditampilkan berwarna biru dan
pada alinea yang kedua teksnya akan ditampilkan berwarna merah.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh dibawah ini adalah contoh dari hubungan-hubungan
antar dokumen didalam dokumen HTML yang bernama Bab2.html:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE>Bab2</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="Index"
HREF="../index.html"><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="Next" HREF="Bab3.html"><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="Prev" HREF="Bab1.html"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="../index.html">Go To Index</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="Bab3.html">Pergi ke Bab
3</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="Bab1.html">Kembali ke Bab
1</A><BR><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HREF digunakan untuk menetapkan lokasi dari dokumen
yang dilink. Atribut TYPE digunakan untuk menetapkan jenis media internet dari
dokumen yang dilink, nilainya antara lain "text/css",
"text/html", "text/javascript", dll. Atribut TARGET
digunakan untuk menetapkan target jendela untuk dokumen yang dilink, untuk
atribut TARGET dapat dilihat di Atribut Target HTML. Atribut MEDIA digunakan untuk
menetapkan tipe media yang digunakan untuk dokumen yang dilink. Atribut
HREFLANG digunakan untuk menetapkan kode bahasa dari dokumen yang dilink.
Atribut CHARSET digunakan untuk menetapkan character set dari dokumen yang
dilink.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Tuliskan kode CSS dibawah ini menggunakan Notepad, lalu
simpan dengan nama STYLE.css.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
P#pertama {<o:p></o:p></div>
<div class="MsoNormal">
color: blue;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
P#kedua {<o:p></o:p></div>
<div class="MsoNormal">
color: red;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Lalu tuliskan lagi dokumen HTML dibawah ini menggunakan
Notepad, lalu simpan dengan REL.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE>REL.html</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="stylesheet"
HREF="STYLE.css" TYPE="text/css"
media="print"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<P ID="pertama">Alinea 1</P><o:p></o:p></div>
<div class="MsoNormal">
<P ID="kedua">Alinea 2</P><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Untuk melihat aturan CSS ini bekerja, jalankan dokumen
REL.html, kemudian lihatlah didalam print preview atau coba dicetak kedalam
kertas. Nanti akan terlihat bahwa alinea pertama teks akan berwarna biru, pada
alinea kedua teks akan berwarna merah.</div>
<br />
<div class="MsoNormal">
Sekian Terima Kasih, Semoga Bermanfaat..</div>

Tutorial elemen head html

Haii.. sobat Hots WEB, Elemen adalah struktur yang menjelaskan suatu bagian dari dokumen HTML. Misalnya elemen h menjelaskan sebuah hea...

Thursday, February 20, 2014

Atribut dasar html

Atribut dasar html

Haii.. sobat Hots WEB, Daftar atribut-atribut dibawah ini adalah atribut-atribut standard yang dapat digambarkan untuk elemen-elemen HTML...

Thursday, February 20, 2014

Element html

<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkIHn6WTHK_K-kxqVPnGzrnVGENnlnzfHc_SxtBimVLD7YIw85D39rBhathAEaqb4dBfWsfcPoSauiHshuQvvVrJGxllHHg-L8KmkAvaXPRdwXx8eIRB7pD8g9Mb3wDOpFlMYzDp2biI/s1600/html2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://riyanfirdaus.blogspot.com/2014/02/element-html.html" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkIHn6WTHK_K-kxqVPnGzrnVGENnlnzfHc_SxtBimVLD7YIw85D39rBhathAEaqb4dBfWsfcPoSauiHshuQvvVrJGxllHHg-L8KmkAvaXPRdwXx8eIRB7pD8g9Mb3wDOpFlMYzDp2biI/s1600/html2.png" title="Lorong Kata" width="200" /></a></div>
Haii.. sobat Hots WEB, Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.<br />
<br />
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.Contoh untuk menampilkan judul dokumen pada browser digunakan element title yaitu:</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<title> merupakan tag pembuka,<o:p></o:p></div>
<div class="MsoNormal">
Diisi dengan judul (isi)<o:p></o:p></div>
<div class="MsoNormal">
</title> merupakan tag penutup<o:p></o:p></div>
<div class="MsoNormal">
Berikut ini contoh beberapa macam element:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Element HTML<o:p></o:p></b></div>
<div class="MsoNormal">
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<html><o:p></o:p></div>
<div class="MsoNormal">
...........<o:p></o:p></div>
<div class="MsoNormal">
</html><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Element title<o:p></o:p></b></div>
<div class="MsoNormal">
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.<o:p></o:p></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<title><o:p></o:p></div>
<div class="MsoNormal">
.........<o:p></o:p></div>
<div class="MsoNormal">
</title><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Element head<o:p></o:p></b></div>
<div class="MsoNormal">
Elemen <head> merupakan elemen yang berisikan informasi mengenai halaman web yang tengah dibuka, yang tidak akan ditampilkan secara visual di halaman browser. Sintaks<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<head><o:p></o:p></div>
<div class="MsoNormal">
.....<o:p></o:p></div>
<div class="MsoNormal">
</head><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Pada halaman web modern, umumnya elemen mengandung:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
elemen title, yang menunjukkan judul dari halaman yang tengah dibuka dan muncul pada toolbar browser.<o:p></o:p></div>
<div class="MsoNormal">
elemen meta, yang menunjukan informasi meta data mengenai halaman web yang tengah diakses.<o:p></o:p></div>
<div class="MsoNormal">
elemen link, yang menunjukan hubungan antara halaman web yang dibuka dan file lain. Umumnya digunakan untuk “memasukkan” file CSS ke halaman web yang bersangkutan.<o:p></o:p></div>
<div class="MsoNormal">
elemen script, digunakan untuk memasukkan script yang bekerja pada sisi klien seperti JavaScript.<o:p></o:p></div>
<div class="MsoNormal">
Selain keempat elemen di atas, terdapat juga elemen style yang digunakan untuk memasukkan perintah stylesheet dan base untuk menetapkan alamat dan target dari semua link yang berada di dalam halaman web. Bagaimanapun, elemen base jarang dijumpai penggunaannya dan elemen style jarang digunakan karena paradigma saat ini untuk memisahkan stylesheet dengan halaman web agar mudah dalam pengorganisasiannya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Element body<o:p></o:p></b></div>
<div class="MsoNormal">
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.<o:p></o:p></div>
<div class="MsoNormal">
Element BODY mempunyai atribut-atribut yang menspesifikasikan khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z"><o:p></o:p></div>
<div class="MsoNormal">
..............<o:p></o:p></div>
<div class="MsoNormal">
</body><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Pada dasarnya, elemen yang diletakkan diantara tag <body> terdiri dari tiga jenis:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Markup struktural: menunjukan tujuan dari text. contoh, tag heading <h2></h2><o:p></o:p></div>
<div class="MsoNormal">
Markup presentasional: menunjukan tampilan dari informasi, terlepas dari fungsinya. contoh: <strong></strong><o:p></o:p></div>
<div class="MsoNormal">
Markup hypertext: markup yang membuat bagian dari dokumen menghubungkan ke dokumen yang lain. contoh: <a href=""></a><o:p></o:p></div>
<div class="MsoNormal">
<b><br /></b></div>
<div class="MsoNormal">
<b>Atribut<o:p></o:p></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut text memberikan warna pada teks, bgcolor memberikan warna pada latar belakang dokumen HTML, background memberikan latar belakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi. Jika atribut bgcolor dan background keduanya dispesifikasikan maka atribut background yang akan digunakan, akan tetapi jika nilai atribut background (gambar) tidak ditemukan pada dokumen HTML maka atribut bgcolor yang akan digunakan.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<TAG><o:p></o:p></div>
<div class="MsoNormal">
nama-attr="nilai-attr"<o:p></o:p></div>
<div class="MsoNormal">
nama-attr="nilai-attr"<o:p></o:p></div>
<div class="MsoNormal">
.................<o:p></o:p></div>
<div class="MsoNormal">
><o:p> </o:p></div>
<div class="MsoNormal">
.................<o:p></o:p></div>
<div class="MsoNormal">
</TAG><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Secara umum nilai atribut harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latar belakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow"><br />
<br />
Sekian Terima kasih, semoga bermanfaat..</div>

Element html

Haii.. sobat Hots WEB, Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Tag-tag yang ditulis secara berpasang...

Thursday, February 20, 2014

Html dasar

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HQoq1v0-QVpqoDkFOYkXDs9iIsBBA3mRpQSDApLsZjbDBXOVlXc0NZp0BFFzI4BcTH-6tQs90mv0rI-RvCkziicKlT9GWoddgqGyM6CMwG2moAYBiR1ee4-0S7RvfF5bRkBbrlOGVBg/s1600/html2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HQoq1v0-QVpqoDkFOYkXDs9iIsBBA3mRpQSDApLsZjbDBXOVlXc0NZp0BFFzI4BcTH-6tQs90mv0rI-RvCkziicKlT9GWoddgqGyM6CMwG2moAYBiR1ee4-0S7RvfF5bRkBbrlOGVBg/s1600/html2.png" title="Html dasar" width="200" /></a></div>
<div class="MsoNormal">
Haii.. sobat Hots WEB, HTML (HyperText Markup Language) adalah bahasa dengan
tanda-tanda khusus yang digunakan di awal era web untuk</div>
<div class="MsoNormal">
</div>
<br />
menyajikan informasi.
HTML merupakan script yang digunakan untuk menyusun/membuat dokumen web yang
apabila kita melakukan desain terhadap html berarti kita telah melakukan
tindakan pemograman. Namun HTML bukanlah sebuah bahasa pemograman karena hanya
berisikan perintah-perintah tertentu agar dapat diakses atau diterjemahkan oleh
browser. Jika kita ingin membuat suatu website atau blog maka pengetahuan
tentang html ini sangat penting sebagai dasar utama. Secara mendasar, dokumen
html mempunyai susunan sebagai berikut:<o:p></o:p><br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<html><o:p></o:p></div>
<div class="MsoNormal">
<head><o:p></o:p></div>
<div class="MsoNormal">
<title>Judul</title><o:p></o:p></div>
<div class="MsoNormal">
</head><o:p></o:p></div>
<div class="MsoNormal">
<body><o:p></o:p></div>
<div class="MsoNormal">
.<o:p></o:p></div>
<div class="MsoNormal">
.<o:p></o:p></div>
<div class="MsoNormal">
.<o:p></o:p></div>
<div class="MsoNormal">
</body><o:p></o:p></div>
<div class="MsoNormal">
</html><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Kode HTML diawali dengan <html> dan diakhiri dengan
</html>. Beberapa hal penting dalam kode html :<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
- Tanda <> menyatakan sebuah tag<o:p></o:p></div>
<div class="MsoNormal">
- Pada umumnya tag berpasangan. Contohnya <html> dengan
</html>, <head> dengan </head> dan <body> dengan
</body>.<o:p></o:p></div>
<div class="MsoNormal">
- Tag yang tidak berpasangan antara lain adalah <br>
dan <hr>.<o:p></o:p></div>
<div class="MsoNormal">
- Pada tag yang berpasangan, tag yang berkedudukan sebagai
tag penutup mempunyai bentuk berupa </>.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh: Ketiklah script di bawah ini kemudian simpan dengan
nama lat1.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<head><o:p></o:p></div>
<div class="MsoNormal">
<title>Belajar HTML</title><o:p></o:p></div>
<div class="MsoNormal">
</head><o:p></o:p></div>
<div class="MsoNormal">
<body><o:p></o:p></div>
<div class="MsoNormal">
Ini adalah web pertama saya.<o:p></o:p></div>
<div class="MsoNormal">
</body><o:p></o:p></div>
<div class="MsoNormal">
</html><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Untuk melihat hasilnya, silakan jalankan browser favorit
Anda, dengan cara membuka file lat1.html yang sudah Anda buat tadi dengan
menggunakan browser seperti contoh tampilan dibawah ini saya menggunakan
browser Mozila Firefox :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDUFzKaTSC3FDU4tbqlBW1H9w9obh-uHxTluEnMlv48qeBID7vXOnEIGZO4V7d6-d61MrNgsR2Rm0UdTq-bf-fSC2WIfSjRbiwCLpEcxq8pXsQzyQP27Yxxg8e70EJJ3NFEqA0lEJ5u40/s1600/belajarhtmldasar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDUFzKaTSC3FDU4tbqlBW1H9w9obh-uHxTluEnMlv48qeBID7vXOnEIGZO4V7d6-d61MrNgsR2Rm0UdTq-bf-fSC2WIfSjRbiwCLpEcxq8pXsQzyQP27Yxxg8e70EJJ3NFEqA0lEJ5u40/s1600/belajarhtmldasar.jpg" title="Html dasar" width="320" /></a></div>
<o:p></o:p><br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Keterangan:<o:p></o:p></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Tag <TITLE> digunakan untuk memberi judul dokumen
HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser.
Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.
Pada contoh di atas judul dokument html yaitu "Belajar HTML"<o:p></o:p></div>
<div class="MsoNormal">
<BODY> adalah isi dokumen yang akan ditampilkan
dibrowser Anda. Isi dokumen pada contoh di atas adalah " Ini adalah web
pertama saya."<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Terdapat dua pilihan dalam mendesain html :<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Menuliskan secara manual tag-tag html ke dalam dokumen html.
Bagi para pemula pilihan ini dirasa lebih tepat karena dengan menuliskan
tag-tag html satu persatu maka akan menambah pemahaman mengenai cara kerja dan
perintah-perintah dalam HTML, meskipun cara ini akan menguras banyak waktu
tetapi segala sesuatu tidak ada yang instan oleh karenanya berusaha lebih keras
akan lebih baik dan akan terasa hasilnya ketika kita sudah mampu mengusai html.
Cara manual ini dapat dilakukan dengan menuliskan kode-kode html pada program
editor seperti notepad.<o:p></o:p></div>
<div class="MsoNormal">
Menggunakan editor praktis yaitu sebuah program khusus yg
didesain untuk membuat, melakukan editing bahkan mempublishnya ke internet.
Adobe dreamweaver merupakan salah satu program yang banyak digunakan oleh para
desainer web dalam mendesain html. Para pemula yang malas untuk belajar kebanyakan
memilih pilihan yang kedua ini karena praktis dan tidak menguras waktu.<o:p></o:p></div>
<div class="MsoNormal">
<b><br /></b></div>
<div class="MsoNormal">
<b>Struktur Dasar HTML<o:p></o:p></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Struktur dasar html secara umum terbagi menjadi 2 bagian
yaitu header dan body. Komponen penyusun dari html meliputi tag, elemen, dan
atribut.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Tag<o:p></o:p></b></div>
<div class="MsoNormal">
Tag adalah suatu teks khusus (markup) yang terdiri dari dua
karakter yaitu < dan >. HTML tidak membedakan penggunaan huruf besar
ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag
beserta teks yang ada dalam tag-tag tersebut.Tag biasanya merupakan suatu
pasangan yang disebut dengan : 1. Tag awal, dinyatakan dalam bentuk <nama
tag> 2. Tag akhir, dinyatakan dalam bentuk </nama tag>. Format :
<nama tag> teks yang ditampilkan </nama tag>. Contoh : untuk
menampilkan teks dalam format teks miring Teks ini terlihat miring di browser
anda dengan perintah HTML <i>Teks ini terlihat miring di browser
Anda</i><o:p></o:p></div>
<div class="MsoNormal">
Contoh ketiklah kode berikut lalu simpan dengan nama
tag.html<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<<html> <o:p></o:p></div>
<div class="MsoNormal">
<head> <o:p></o:p></div>
<div class="MsoNormal">
<title>Belajar HTML</title><o:p></o:p></div>
<div class="MsoNormal">
</head> <o:p></o:p></div>
<div class="MsoNormal">
<body> <o:p></o:p></div>
<div class="MsoNormal">
Ini adalah web pertama saya.<o:p></o:p></div>
<div class="MsoNormal">
<h1>Ini adalah heading 1</h1> <o:p></o:p></div>
<div class="MsoNormal">
<h2>Ini adalah heading 2</h2> <o:p></o:p></div>
<div class="MsoNormal">
<h3>Ini adalah heading 3</h3> <o:p></o:p></div>
<div class="MsoNormal">
<h4>Ini adalah heading 4</h4> <o:p></o:p></div>
<div class="MsoNormal">
<h5>Ini adalah heading 5</h5> <o:p></o:p></div>
<div class="MsoNormal">
<i>tulisan ini terlihat miring</i> <o:p></o:p></div>
<div class="MsoNormal">
<b>tulisan ini terlihat tebal</b> <o:p></o:p></div>
<div class="MsoNormal">
<u>tulisan ini bergaris bawah</u><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Maka setelah dokumen tag.html dibuka dengan menggunakan
mozilla firefox maka tampilannya akan seperti gambar di bawah ini.<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVzdKLyQFYBuMPn31dNCaYXuq19817KQunrNuyHrZVSFXODKjcFydOeUFninBrpPQf7HMV7vXFsfwY3UvYlatx6J3FDsHasztQaactepikAd31UBC1rgTM6yTTGCmXIw1s5lJvGif_9DA/s1600/taghtml-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVzdKLyQFYBuMPn31dNCaYXuq19817KQunrNuyHrZVSFXODKjcFydOeUFninBrpPQf7HMV7vXFsfwY3UvYlatx6J3FDsHasztQaactepikAd31UBC1rgTM6yTTGCmXIw1s5lJvGif_9DA/s1600/taghtml-1.jpg" title="Html dasar" width="320" /></a></div>
<br /><o:p></o:p>
<div class="MsoNormal">
Sekian Terima Kasiih..</div>

Html dasar

Haii.. sobat Hots WEB, HTML (HyperText Markup Language) adalah bahasa dengan tanda-tanda khusus yang digunakan di awal era web untuk ...

Thursday, February 20, 2014

PHP

PHP

Sejarah PHP

Thursday, February 20, 2014

Gini Gini Aja

Gini Gini Aja

Hari ini gue kira bakal berubah dari hari kemaren, yah

Wednesday, February 19, 2014

Cara antisipasi virus pada komputer

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACgcM9MOwM2Z6oxozoKUpSLaFHBaucWa7kEJkmPDjJvekP_tI5G87ZESpX909EYP2hysDk9_1OSl322sMcFsgkG2DdaIjRvst06-27AnRuYEUxUFqm-gfaRZ_xxlY840Ep6J7dNmpfLs/s1600/komputer.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACgcM9MOwM2Z6oxozoKUpSLaFHBaucWa7kEJkmPDjJvekP_tI5G87ZESpX909EYP2hysDk9_1OSl322sMcFsgkG2DdaIjRvst06-27AnRuYEUxUFqm-gfaRZ_xxlY840Ep6J7dNmpfLs/s1600/komputer.png" title="Cara antisipasi virus pada komputer" width="200" /></a></div>
<div class="MsoNormal">
haii.. sobat, akan membagi ilmu tentang cara mengantisipasi
virus komputer atau cara menhindari terjangkitnya virus komputer pada PC kita.<br />
<br />
bicara tentang virus komputer sangat banyak variasi dimana
terdapat berbagai tipe virus komputer yang berkembang dewasa ini, seperti tipe
virus boot sector , virus file , dan virus macro. Tipe-tipe virus tadi pada
umumnya dapat mengganggu khususnya pada kinerja komputer sobat. Untuk menjaga
komputer dari infeksi virus, maka di perlukan langksh-langkah antisipasinya
agar kinerja komputer sobat tetap stabil seperti biasanya.</div>
<o:p></o:p><br />
<div class="MsoNormal">
berikut ini akan saya jelaskan beberapa cara antisipasi
terhadap virus komputer:<o:p></o:p></div>
<div class="MsoNormal">
<br />
Gunakan program (software) legal atau original. Program
ilegal atau bajakan berpotensi mengandung virus yang dapat menyebar pada saat
komputer menjalankan program.<o:p></o:p></div>
<div class="MsoNormal">
Hindari penggunaan disk drive atau flash disk secara bebas.
Berdasarkan beberapa pengalaman, komputer menjadi terinfeksi setelah membaca
disket atau flash disk secara bebas dan bergantian.<o:p></o:p></div>
<div class="MsoNormal">
<br />
Lakukan scan disk (disket atau flash disk). Scan disk
berguna untuk mengetahui keadaan disk, mendeteksi serta menghilangkan virus.<o:p></o:p></div>
<div class="MsoNormal">
Instalasilah program (software) antivirus. Program antivirus
berguna untuk menjaga komputer dari berbagai kemungkinan infeksi, seperti dari
jaringan Internet, juga berguna untuk scan disk dan menghilangkan virus.<o:p></o:p></div>
<div class="MsoNormal">
<br />
Lakukanlah back up data, seperti pada disket atau CD. Ini
merupakan langkah antisipatif untuk keamanan data dari berbagai kerusakan atau
bahaya serangan virus.<o:p></o:p></div>
<span style="font-family: "calibri" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Semoga bermanfaat..</span>

Cara antisipasi virus pada komputer

haii.. sobat, akan membagi ilmu tentang cara mengantisipasi virus komputer atau cara menhindari terjangkitnya virus komputer pada PC kita...

Wednesday, February 19, 2014

Cara matikan komputer dengan klik kanan

Cara matikan komputer dengan klik kanan

Haii.. sobat Lorong Kata kali ini saya akan posting mematkan komputer dengan cepat tanpa melalui klik start menu terus pilih shutdown

Wednesday, February 19, 2014

Tips aman menggunakan e-mail

Tips aman menggunakan e-mail

Haii.. sobat Lorong Kata ini Tips Aman Menggunakan E-mail

Wednesday, February 19, 2014

Cara cepat menyatukan semua file tanpa bantuan winrar dan zinzip

Cara cepat menyatukan semua file tanpa bantuan winrar dan zinzip

Haii.. sobat Lorong Kata ini Cara cepat menyatukan semua file tanpa bantuan winrar dan winzip

Wednesday, February 19, 2014

Cara hemat bandwith

Cara hemat bandwith

Haii.. sobat Lorong Kata ini Cara Hemat Bandwith dalam berinternet

Wednesday, February 19, 2014

Fungsi tombol keyboard pada komputer part2

Fungsi tombol keyboard pada komputer part2

Haii.. sobat Lorong Kata baca ini ya.. Pintasan keyboard kotak dialog Apabila Anda menekan SHIFT+F8 di dalam kotak daftar pilihan perlua...

Tuesday, February 18, 2014

Fungsi tombol keyboard pada komputer part3

Fungsi tombol keyboard pada komputer part3

Haii.. sobat Lorong Kata baca terus ya.. Pintasan keyboard asli Microsoft Logo Windows (Menampilkan atau menyembunyikan menu Mulai Menja...

Tuesday, February 18, 2014

Fungsi tombol Keyboard pada komputer part4

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt2x-4EhXdtbTnZfoEWQpS-WjOwOR8uWHiLkGJ6nKTlPLRVW5Byb2fk7bTdkOVNGfrODbVsIdwulVfogMChTC9acsWHIQOEnILkPtNdprkLdBsyfeF3Cuwb6wfwy08_IdzyBfgI0hkWzk/s1600/komputer.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://riyan.facesweet.com/2014/02/fungsi-tombol-keyboard-pada-komputer_18.html" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt2x-4EhXdtbTnZfoEWQpS-WjOwOR8uWHiLkGJ6nKTlPLRVW5Byb2fk7bTdkOVNGfrODbVsIdwulVfogMChTC9acsWHIQOEnILkPtNdprkLdBsyfeF3Cuwb6wfwy08_IdzyBfgI0hkWzk/s1600/komputer.png" title="Lorong Kata" width="200"></a></div>
Haii.. sobat <a href="http://riyan.facesweet.com/">Lorong Kata</a> baca terus ya..<br>
Tombol Pintasan untuk Peta Karakter Setelah mengklik dua kali karakter pada baris karakter, Anda dapat bergerak sepanjang baris dengan menggunakan pintasan keyboard:<br>
<br>

Fungsi tombol Keyboard pada komputer part4

Haii.. sobat Lorong Kata baca terus ya.. Tombol Pintasan untuk Peta Karakter Setelah mengklik dua kali karakter pada baris karakter, And...