tag:blogger.com,1999:blog-22850766530329367242024-03-19T11:21:32.250-07:00Kumpulan Tutorial Website.blogspot.comIvan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-2285076653032936724.post-1357090546023951222013-01-21T02:33:00.001-08:002013-04-06T00:52:26.712-07:00Trik SEO : Bongkar Rahasia Trik SEO 2013<span class="Apple-style-span" style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size: 15px; line-height: 21px;">Halo sahabat Blog <b>Kumpulan Tutorial Website.Blogspot.com</b> sekalian , sebelumnya saya mengucapkan terimakasih atas ketersediaan saudara untuk mengunjungi blog saya ini. Kali ini saya akan membagikan <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-soe-bongkar-rahasia-trik-seo-2013.html">Tutorial SEO</a> yang sangat mendasar dan harus anda pelajari jika ingin mendapatkan<a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-soe-bongkar-rahasia-trik-seo-2013.html"> Page Rank</a> yang bagus. Oke langsung saja ke TKP !<br /></span><br />
<h3>
<span class="Apple-style-span" style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size: 15px; line-height: 21px;">Untuk Memulai Proses<a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-soe-bongkar-rahasia-trik-seo-2013.html"> SEO</a> adalah sebagai berikut :</span></h3>
<br />
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; line-height: 21px; text-align: justify;">
<div style="text-align: center;">
<span style="font-size: 20px;"><span style="font-weight: bold;"></span></span></div>
<ul style="font-size: 15px;">
<li>Ada baiknya jika memungkinkan bagi anda, mulailah dengan website baru yang belum pernah dipublikasikan atau didaftarkan ke search engine. !! ( Alasannya adalah untuk mencegah terjadinya kesalahan atau pencampuran kode-kode yang dapat mengakibatkan dampak negatif pada blog atau website kita).</li>
<li>Kuasai atau minimal mengerti dasar-dasar HTML. Karena dalam <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-soe-bongkar-rahasia-trik-seo-2013.html">belajar teknik-teknik SEO</a> kita dituntut untuk mampu melakukan editing langsung pada kode HTML.</li>
<li>Pilih 4 atau 5 kata kunci ( <i><a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-soe-bongkar-rahasia-trik-seo-2013.html">KeyWord</a></i> ) yang menurut anda paling tepat untuk mewakili isi (content) dari website atau blog anda.</li>
<li>Buatlah postingan atau tulisan teks untuk website Anda berdasarkan kata kunci yang telah Anda pilih. Untuk halaman depan, usahakan membuat teks dengan panjang minimal 300 kata. Gunakan kombinasi dari <u>keyword-keyword</u> utama pada 300 kata tersebut.</li>
<li>Rancanglah sebuah title tag yang baik - Title tag harus benar-benar mencerminkan apa isi dari website atau blog Anda .</li>
<li>Buatlah Meta Tag Secara Optimal <span class="Apple-style-span" style="background-color: #fff2cc;">( <meta content='Deskripsi Blog ' name='description'/> | <meta content='Kata Kunci Blog atau website disini' name='keywords'/> | <meta content='Nama Anda' name='author'/> )</span></li>
<li>Mulailah melakukan pendaftaran di Search Engine dan Directory, hal ini bisa anda daftarkan pada fasilitas google sitemap.</li>
<li>Mulailah membangun Link Popularity [link popularity adalah jumlah halaman web lain yang memasang link ke web site Anda. Jika Anda menulis content dengan baik, dan isinya bermanfaat untuk banyak orang, maka secara alami akan banyak orang yang mereferensikan situs Anda ]</li>
<li>Hal terakhir yang sangat perlu Anda perhatikan adalah berusaha bermain jujur - Saya lebih menyarankan agar Anda berkonsentrasi mengembangkan content, dan membuat website Anda lebih baik dari hari ke hari.</li>
</ul>
<div style="font-size: 15px;">
<img alt="SEO Friendly Trick" border="0" src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcRG12OjdvEOogrCidyZRWKIErdQiwczQIYec2SwEE8QaVlt24uC" style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 0px; display: block; height: 153px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 328px;" title="Trik SEO" /></div>
<div style="font-family: arial; font-size: 15px; font-weight: bold;">
<span style="font-size: 20px;"><br />Berikut saya Bagikan Cara Pembuatan Meta Tag yang SEO Friendly</span></div>
<div style="font-size: 15px;">
<br />
Meta Tag Deskriptions<br />
Merupakan digunakan untuk memberikan Gambaran umum mengenai isi dari halaman web/Blog.<br />
Contoh: <br />
<br />
<span class="Apple-style-span" style="background-color: #fff2cc;"><meta content='Membongkar Tips dan Trik SEO' name='Description'/></span><br />
<br />
<b><i>"Ukurannya disarankan tidak lebih dari 200 karakter"</i></b><br />
<br />
Meta Tag Keywords ( <b><i>Hal yang paling penting</i></b> )<br />
Meta Tag Keyword adalah Menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine<br />
Contoh : <br />
<br />
<span class="Apple-style-span" style="background-color: #fff2cc;"><meta content='Tutorial Website,Tutorial PHP,Trik SEO,Javascript,Belajar SEO,Blog Trick' name='keywords'/></span><br />
<br />
<b>Catatan :</b><br />
<i>Jangan mengulang sebuah kata lebih dari 2 kali, karena akan dianggap spamming</i><br />
<i>Jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda.</i><br />
<i>Buatlah Keyword yang sangat berhubungan denga isi postingan blog anda.</i><br />
<br />
<br />
Meta Tag Robots<br />
Merupakan Untuk menentukan halaman web yang mana bisa di-index oleh spider dan halaman web mana yang tidak.<br />
<br />
<br />
Format dasar pada Blogger adalah :<br />
<br />
<span class="Apple-style-span" style="background-color: #fff2cc;"><meta name="robots" content="index | noindex | follow | nofollow"></span><br />
<br />
<br />
Nah, anda harus mengubahnya menjadi :<br />
<br />
<span class="Apple-style-span" style="background-color: #fff2cc;"><meta name="robots" content="index follow"></span><br />
<br />
Spider akan meng-index main page Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink.</div>
<div style="font-size: 15px;">
<br /></div>
<div style="font-size: 15px;">
Oke, cukup sekian <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-soe-bongkar-rahasia-trik-seo-2013.html">tutorial</a> SEO -nya untuk kali ini, saya harap tutorial ini dapat membantu buat anda semua pengunjung blog ini. jangan lupa share dan komentnya ya .</div>
</div>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com42tag:blogger.com,1999:blog-2285076653032936724.post-30732138566210324862013-01-21T01:59:00.003-08:002013-04-06T00:54:36.679-07:00TRIK SEO : Cara Cepat Menaikkan Page Rank Blog / Website<span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">Halo semua sahabat setia Blog <b>Kumpulan Tutorial Website.Blogspot.com </b>, Kali ini saya akan membagikan sebuah <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-seo-cara-cepat-menaikkan-page-rank.html">Tutorial trik SEO</a> yang sangat dan amat penting dalam pembuatan <b>blog </b>maupun <b>website</b>. Disini kita akan membahas bagaimana <b><a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-seo-cara-cepat-menaikkan-page-rank.html">cara menaikkan page rank blog atau website</a></b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">. Perlu anda ketahui bahwa dalam </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> menaikkan</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>PAGE RANK</b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">ada susahnya dan ada juga mudahnya. Terkadang sewaktu kita </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>CEK PR</b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">di beberapa penyedia layanan tersebut ada suka dan dukanya juga sebab kalau kita sudah melihat hasil </span><a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-seo-cara-cepat-menaikkan-page-rank.html"><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">Page Rank</span></a><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">kita tinggi ada rasa senangnya namun apabila </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>Page Rank</b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">kita bertuliskan</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>N/A</b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">atau</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>0</b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">rasa kesal dan lemas pun datang.</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> Namun setelah saya cari terus di google, akhirnya saya dapat beberapa kesimpulan bagaimana <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-seo-cara-cepat-menaikkan-page-rank.html">cara cepat menaikkan page rank blog atau website</a> kita, adapun diantaranya adalah :</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br /></span><br />
<ul style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px;">
<li>Faktor Keberuntungan</li>
<li>Konten atau artikel yang kebetulan disukai <b>Google </b>serta bermanfaat bagi orang lain atau sangat seo friendly.</li>
<li>Artikel yang bukan hasil jiplak dari blog atau website orang lain.</li>
<li>Berita-berita yang lagi ramai dan disukai orang,walupun kita copaz beritanya namun kita beri sentuhan sedikit bumbu dapur dan tidak lupa memberikan link sumbernya.</li>
<li>Gabung di forum-forum baik itu di forum Google,Bing,Yahoo,atau forum-forum yang ber <b>PR </b>bagus.</li>
<li>Submit artikel kebeberapa penyedia layanan submit seperti <b>Google</b>, <b>Bing</b> dan <b>Yahoo</b>.</li>
<li>Selalu <i>Blogwalking </i>dan komentar di site tetangga.</li>
<li>Link exchange dengan blog atau website lain yang memiliki reputasi yang bagus.</li>
</ul>
<span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">Saya yakin 100 % bahwa denga cara diatas maka blog atau website kita</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> akan diperhitungkan oleh</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>Google </b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">dan itu sudah pernah saya terapkan dan hasilnya cukup menggembirakan. Nah sedangkan lewat buku-buku yang saya pelajari mereka meberikan saran agar kita </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><i>Submit</i></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">kepenyedia layanan</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>RSS</b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">alasan mereka adalah karena</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><a href="http://feedburner.google.com/" style="color: crimson; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;"><i>RSS</i></a></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">anak perusahaan yang dikelola oleh</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><b>Google</b></span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">.</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"> </span><br />
<h3>
<span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Berikut link-link yang bisa anda gunakan untuk mendaftarkan link</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 20px;">RSS</span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 20px;">saudara sekalian :</span></span></h3>
<ol style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; list-style-type: decimal; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px;">
<li> www.goldenfeed.com</li>
<li> www.readablog.com</li>
<li> www.5z5.com</li>
<li> www.2rss.com</li>
<li> www.feedbase.net</li>
<li> www.aspin.com</li>
<li> www.blogbunch.com</li>
<li>www.daytimenews.com </li>
<li> www.rsshugger.com</li>
<li> www.rssbuffet.com</li>
<li> www.feedage.com</li>
<li> www.1800rssfeeds.com</li>
<li> www.rssmad.com</li>
<li> www.feednuts.com</li>
<li> feedfury.com rss2.com</li>
<li> www.feedbees.com</li>
<li> rssmountain.com</li>
<li> www.indofeed.com</li>
<li> www.weblogalot.com</li>
<li> www.solarwarp.net</li>
<li> www.scienceport.org</li>
<li> www.rssmotron.com</li>
<li> www.rssmicro.com</li>
<li> www.rssfeeds4you.com</li>
<li> www.rss-network.com</li>
<li> rss-feeds-submission.com</li>
<li> www.pressradar.com</li>
<li> www.rssfeeds.com</li>
<li> www.plazoo.com</li>
<li> www.octora.com</li>
<li> www.millionrss.com</li>
<li> www.jordomedia.com</li>
<li> www.feedsee.com</li>
<li> www.feedplex.com</li>
<li> www.feedest.com</li>
<li>www.feedboy.com </li>
</ol>
<span class="Apple-style-span" style="color: #555555; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 12px; line-height: 20px;">Cukup sekian untuk saat ini, saya rasa dengan ini saja maka blog atau website anda akan cepat mendapatkan <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/trik-seo-cara-cepat-menaikkan-page-rank.html">PR</a> yang sangat bagus sesuai dengan yang anda harapkan dan tentunya yang saya harapkan juga.<br />Thanks.</span></span>Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com338tag:blogger.com,1999:blog-2285076653032936724.post-3671582102519325692013-01-17T06:00:00.001-08:002013-04-06T00:56:28.387-07:00Tutorial CSS / HTML : Cara Membuat Menu Horizontal Cantik Dengan HTML dan CSS<div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Selamat Malam buat sahabat setia <strong>Kumpulan Tutorial Website</strong> sekalian, saya ingin membagikan kepada anda sebuah <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html">tutorial HTML\CSS</a> yang tidak kalah menariknya dari postingan saya yang lain . <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html">Tutorial</a> kali ini adalah <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html">Cara Membuat Menu Navigasi Lengkap dengan Drop Down murni dengan CSS</a>. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Baiklah sebelumnya, saya sebagai admin mengasumsikan bahwa Anda sudah paham <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html">HTML</a> dan<a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html"> CSS</a>, dan tentu saja sudah paham menghubungkan antara <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html">HTML file</a> dengan CSS, kalau belum saya sarankan lihat postingan saya sebelum postingan ini. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Sebelum anda meneruskan membaca tutorial ini, saya sarankan anda paham mengenai <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html">dasar-dasar HTML</a> dan <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-html-cara-membuat-menu.html">dasar-dasar CSS</a> terlebih dahulu. </span><br />
<strong><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
1.
Membuat kode HTML</span></strong><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Baik , mari kita mulai dengan kode HTML nya, serhubung sekarang jamannya HTML5 maka kita akan pakai <i>HTML5</i>, tenang aja masih saya campur-campur dengan XHTML, nanti mengenai <u>HTML5</u> akan saya bahas sendiri dilain waktu. Oke untuk strukturnya masih sama kita menggunakan tag <ul> dan <li>. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Berikut kodenya HTML nya . </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Sekarang buat sebuah halaman dengan nama "<b>Header.HTML</b>" , lalu copy-kan seluruh code HTML ini kedalamnya . </span><br />
<div style="background-attachment: initial; background-clip: initial; background-color: #dddddd; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">
<br />
<div style="font-family: 'Courier New', Courier, monospace;">
<html lang="en"></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<head></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<meta charset="utf-8" /></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<title>Drop Down Menu ala Kumpulan Tutorial Website </title></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<link rel=”stylesheet” href=”style.css” type=”text/css”> </div>
<div style="font-family: 'Courier New', Courier, monospace;">
<head></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<body></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<div id="place-nav"></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<ul id="nav"></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li class="active"><a href="#">Home</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Artikel</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">About</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Social</a></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<ul></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Facebook</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Google</a></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<ul></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Google Wave</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Google Buzz</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Google Plus</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</ul></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Twitter</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</ul></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<li><a href="#">Portfolio</a></li></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</ul></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</div></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</body></div>
<div style="font-family: 'Courier New', Courier, monospace;">
</html></div>
</div>
<br />
<h3>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">Berikut sedikit penjelasan tentang kode diatas :</span></h3>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Jika kita perhatikan didalam <li> Social ada menu lagi dan didalamnya lagi tepatnya didalam <li> Google ada menu lagi. Ini kita nanti akan membuat drop down menu dengan 2 level kedalaman.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Nah sekarang langkah selanjutnya, kita ubah list yang biasa itu menjadi menu yang menarik dengan CSS. Seperti ini kode CSS nya, langsung saya tulis semua nanti baru saya terangin:</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Buat sebuah halaman dengan nama "<b>Style.CSS</b>" , lalu copy-kan seluruh kode CSS dibawah ini kedalamnya.</span> .<br />
<div style="background: #DDDDDD; border: 3px solid #CCCCCC; font-family: 'Courier New', Courier, monospace; padding: 5px;">
#place-nav {<br />
width:960px;<br />
height:35px;<br />
margin:63px 0 0 0;<br />
}<br />
#nav {<br />
height:35px;<br />
}<br />
#nav li {<br />
height:35px;<br />
float:left;<br />
display:inline;<br />
margin:0 5px;<br />
position:relative;<br />
font-family: Arial, verdana, serif;<br />
z-index:1000;<br />
}<br />
#nav li a {<br />
float:left;<br />
display:inline;<br />
height:25px;<br />
padding:10px 8px 0 8px;<br />
font-size:12px;<br />
color:#9e9e9e;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
text-shadow:0 0 3px #c7c7c7;<br />
}<br />
#nav li:hover a {<br />
text-decoration:none;<br />
color:#505050;<br />
}<br />
#place-nav ul ul {<br />
position:absolute;<br />
z-index:1200;<br />
display:none;<br />
width:186px;<br />
margin: 0;<br />
top: 35px;<br />
left:0;<br />
background:#1d87ca;<br />
padding:0 0 2px 0;<br />
}<br />
#place-nav ul li ul li {<br />
display: inline;<br />
float: left;<br />
width:186px;<br />
height:auto;<br />
border-bottom:1px solid #085d93;<br />
float: left;<br />
padding: 0;<br />
position:relative;<br />
margin:0;<br />
}<br />
#place-nav ul ul ul {<br />
position:absolute;<br />
z-index:1300;<br />
display:none;<br />
width:186px;<br />
margin: 0;<br />
top: 0;<br />
left:183px;<br />
background:#1c83ce;<br />
border-left:1px solid #1479c3;<br />
padding:0;<br />
}<br />
#place-nav ul li ul li ul li {<br />
display: inline;<br />
float: left;<br />
padding: 0;<br />
}<br />
#place-nav #nav li:hover ul li a, #place-nav #nav li:hover ul li a:link, #place-nav #nav li:hover ul li a:visited {<br />
color:#fff;<br />
font-size:12px;<br />
width:170px;<br />
height:auto;<br />
text-transform:none;<br />
border:none;<br />
background: none;<br />
padding:9px 8px;<br />
text-shadow:none;<br />
margin:0;<br />
font-weight:lighter;<br />
}<br />
#place-nav #nav li:hover ul li a:hover, #place-nav #nav li ul li a:hover {<br />
text-decoration:none;<br />
color:#fff;<br />
background:#0f74bd;<br />
}<br />
div#place-nav li:hover ul ul,<br />
div#place-nav li li:hover ul ul<br />
{display:none;}
div#place-nav li:hover ul,<br />
div#place-nav li li:hover ul<br />
{display:block;}</div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Jika sudah , sekarang coba anda jalankan pada browser file Header.HTML tadi , lalu lihat hasilnya. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">So, sekarang saya akan terangkan bagian-bagian yang terpenting, pertama adalah <strong>#nav li disini kita kasih position:relative;</strong>, kenapa? karena drop down kita <strong>#place-nav ul ul</strong> memilki <strong>position:absolute;</strong>. Sehingga kita harus mendeklarasikan kontainernya agar posisinya pas dibawah tiap menu <li>. Jika kita tidak memberi<strong> position:relative;</strong> maka browser akan menganggap kontainer nya adalah <body> sehingga drop downnya akan muncul dipojok kiri atas browser.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Berikutnya adalah <strong><i>#nav li:hover a</i></strong> loh kok bukan <strong><i>#nav a:hover li</i></strong> kenapa<strong> <li></strong> nya yang dihover? Yap, karena drop down kita berada didalam <strong><li></strong> dan bukan didalam <strong><a></strong> maka apabila kita ingin jejaknya tetap ada ya kita hover di <li> nya. Saya tambahkan<b> z-index:1000</b> buat jaga-jaga karena biasanya dibawah menu itu biasanya terdapat slideshow javascript dan kebanyakan kasus terutama IE7 posisi dropdown dibawah slideshow, karena itu saya kasih<b> z-index</b> yang agak tinggi biar posisi diatasnya.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Dan karena IE6 hanya kenal hover untuk <strong>tag <a></strong> maka kalau anda masih cinta IE6 dan masih ingin mendukungnya mending ke laut aja maka gunakan csshover.htc Peter Nederlof agar bisa jalan di IE6/ .</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Oke berikutnya <strong>#place-nav ul ul </strong>nah ini merupakan drop downnya, karena itu kita beri <strong>position:absolute;</strong> agar muncul tepat dibawah tiap <strong>#nav a:hover li</strong>. Jangan lupa untuk kita hilangkan dulu, karena drop downnya baru muncul kalau kita hover jadi awalnya disembunyiin dulu dengan <strong>display:none;</strong>. Kita atur posisinya agar tepat dibawah menu dengan <strong>top:35px;</strong> dan <strong>left:0;</strong>. Pastikan untuk jarak atasnya tidak ada ruang kosong 1 pixel pun karena jika ada ketika mouse kita melewati ruang kosong tersebut maka mouse kita sudah diluar <li> sehingga dropdown akan langsung hilang. Jadi pastikan nilai top lebih kecil atau sama dengan nilai height <li> diatasnya.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Berikutnya<strong> #place-nav ul ul ul</strong> ini merupakan drop down level ke 2 jadi ya sama kayak sebelumnya, tapi karena dorp down level kedua posisinya agak kekanan dari drop down level 1, maka nilai left kita perbesar tapi juga jangan ada jarak 1 pixel pun.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<br />
<h3>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">Nah yang terakhir dan terpenting adalah :</span></h3>
<br />
<div style="background: #DDDDDD; border: 3px solid #CCCCCC; font-family: 'Courier New', Courier, monospace; padding: 5px;">
div#place-nav li:hover ul ul,<br />
div#place-nav li li:hover ul ul<br />
{display:none;}
<br />
div#place-nav li:hover ul,<br />
div#place-nav li li:hover ul<br />
{display:block;} </div>
<br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Ini merupakan <b>kode css</b> untuk memunculkan drop down dan menghilangkannya. Seperti yang Anda lihat <strong>div#place-nav li:hover ul, div#place-nav li li:hover ul</strong> ini berarti jika kita menghover <strong><li></strong> maka <strong><ul></strong> berikutnya akan muncul <strong>display:block</strong> dan <strong><ul></strong> dalamnya<b> (level ke 2)</b> tidak muncul <strong>display:none; </strong> baru ketika kita hover <b><li></b> level ke dua maka drop down level ke dua akan muncul.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Selamat mencoba, dan jangan lupa share dan komentnya yah.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Terimakasih.</span></div>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com34tag:blogger.com,1999:blog-2285076653032936724.post-39818934303764386452013-01-17T05:25:00.003-08:002013-04-06T01:00:14.859-07:00Tutorial CSS : Dasar - Dasar CSS Lengkap 2013Halo semua sahabat setia <strong>Kumpulan Tutorial Website</strong> , saya ingin membagikan kepada anda sebuah <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">tutorial CSS</a> yang sangat penting anda kuasai dalam pembuatan <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">website yang dinamis</a> dan cantik untuk dilihat. Seperti yang kita tahu, dalam <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">mendesign website</a>, kita amatlah membutuhkan <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">Code CSS</a> , tanpa <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">CSS </a>, Website yang kita buat seakan-akan tidak berwarna atau tidak berseni sama sekali. Jadi dapat kita simpulkan bahwa <b>tutorial CSS</b> kali ini sangatlah berguna bagi kita semua terutama bagi para pemula . Oke langsung saja .<br />
<br />
<a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">Syntax / kalimat CSS</a> terdiri dari beberapa set peraturan yang memiliki: 1 <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">selector</a>, 1 <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">property</a>, 1 <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">value</a> .<br />
Adapun format penulisan kalimat CSS : <br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
selector { property: value }</div>
<br />
<strong>Selector</strong> itu untuk menunjukkan bagian mana yang hendak diatur / diformat.<br />
<strong>Property</strong> untuk menunjukkan, bagian (properti) dari selector yang hendak diatur.<br />
<strong>Value</strong> adalah nilai dari pengaturannya.<br />
<br />
Contoh Syntax:<br />
<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
h1 { color: red } </div>
<br />
<br />
Dari contoh di atas dapat kita simpulkan atau kita lihat bahwa :
<br />
Selector: h1<br />
Property: color<br />
Value: red<br />
Kalau diterjemahkan ke kalimat bahasa Indonesia kira-kira begini: Mengatur <a href="http://kumpulantutorialwebsite.blogspot.com/2013/01/tutorial-css-dasar-dasar-css-lengkap.html">color</a> dari <em>h1</em> ke warna <em>merah (red)</em>.<br />
<strong><br /></strong>
<h3>
<strong><span class="Apple-style-span" style="font-size: small;">
Pengelompokan Selectors</span></strong></h3>
<br />
Anda dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma. Misalkan anda mau mengatur agar tag <em>h1, h2</em> dan <em>h3</em> semua menggunakan warna <em>merah</em>, maka kode CSS nya menjadi:<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
h1,h2,h3 { color: red } </div>
<br />
Perhatikan penulisan h1,h2,h3 yang dipisahkan oleh koma.<br />
<strong><br /></strong>
<h3>
<strong><span class="Apple-style-span" style="font-size: small;">
Penggunaan Banyak Properties</span></strong></h3>
<br />
Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; ).<br />
Contoh:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
h1,h2,h3 {color:red; font-family:arial; font-size:150%;}</div>
<br />
Pada contoh di atas, tag h1, h2 dan h3 di atur agar menggunakan warna <em>merah</em>, dengan type font <em>arial</em>, dan ukuran font <em>150%</em>.<br />
<strong><br /></strong>
<h3>
<strong><span class="Apple-style-span" style="font-size: small;">
Cara Penulisan Yang Baik</span></strong></h3>
<br />
Sangat disarankan untuk menulis kode CSS menggunakan beberapa baris dimana pengaturan property dan values nya di indent. Hal ini bertujuan agar terlihat rapi.<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
h1,h2,h3 {<br />
color:red;<br />
font-family:arial;<br />
font-size:150%;<br />
}</div>
<br />
Sekarang anda sudah mengerti aturan dasar penulisan kalimat CSS. Pelajaran berikutnya akan mengajarkan anda mengaplikasikan kode CSS ke halaman website.<br />
<strong><br /></strong>
<h3>
<strong><span class="Apple-style-span" style="font-size: small;">
CSS Comment</span></strong></h3>
<br />
Kenapa kita perluh belajar membuat comment dalam CSS ? alasannya karena kadang kala, ada baiknya anda menuliskan komentar ke dalam kode CSS anda untuk memberi catatan pengingat.<br />
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.<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
/* Tulis komentar anda di sini */<br />
p<br />
{<br />
text-align: justify;<br />
/* Tulis komentar anda di sini */<br />
color: blue;<br />
font-family: arial;<br />
}</div>
<br />
<br clear="all" />
<h3>
<strong><span class="Apple-style-span" style="font-size: small;">INPLEMNTASI CSS</span></strong></h3>
Ada 4 cara memasang kode CSS ke dalam kode HTML / halaman web, yaitu:<br />
<ul type="disc">
<li>Inline CSS</li>
<li>Embed atau memasang kode css ke dalam bagian <head></li>
<li>Pada link ke external CSS</li>
<li>Import CSS file</li>
</ul>
Penasaran ? ,, Mari kita bahas satu per satu :<br />
<br />
<strong>1. Inline CSS</strong><br />
Kode CSS dituliskan langsung ke dalam tag HTML yang ingin di format. Penulisan cara ini tidak memerlukan penulisan selector dalam kode CSS.<br />
Cara ini sebaiknya hanya digunakan jika anda mau memformat suatu elemen satu kali saja.<br />
Contoh:<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
<P style=”color:blue”><br />
Isi paragraf.<br />
</p></div>
<br />
Pada contoh di atas, elemen paragraf <strong><P></strong> di format agar tulisannya menggunakan warna <span class="style1">biru</span>. Elemen paragraf lain, tidak akan menggunakan warna biru, karena format ini hanya berlaku pada elemen paragraf yang ditentukan kode CSS nya.<br />
Penulisan CSS dengan cara ini di mulai dengan kata <em>style:</em> lalu di ikuti dengan syntax<em> property: value</em>.<br />
<strong><br />
2.
Embedded CSS</strong><br />
Anda bisa juga menempelkan kode CSS di antara tag <em><head></em> dan <em></head></em>. Penulisan CSS dengan cara ini diawali dengan tag <em><style></em> dan diakhiri dengan tag <em></style></em>. Kode CSS-nya diletakkan pada halaman yang sama dengan yang ingin diformat. <br />
Contoh:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
<head><br />
<style type="text/css" media=screen><br />
p {color:blue;}<br />
</style><br />
</head></div>
<br />
Dalam contoh di atas semua elemen <em><P></em> dalam halaman web tersebut akan diformat menggunakan font berwarna <span class="style1">biru</span>.<br />
<strong><br />
3.
External CSS</strong><br />
Kode CSS external di tulis dalam satu file terpisah yang disimpan dengan akhiran .css atau ekstensi .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.<br />
Contoh:<br />
<ol start="1" type="1">
<li>Anda membuat satu file dengan notepad atau teks editor lain, dan berinama, misalkan: <em>style.css</em>, lalu tuliskan kode-kode css di dalam file tersebut.</li>
</ol>
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
p {font-family: arial; font-size: small;}
h1 {color: red; }
</div>
<ol start="2" type="1">
<li>Langkah kedua adalah memanggil file style.css dari semua halaman web. Caranya dengan memasukkan kode di bawah ini, di antara tag <head> dan </head></li>
</ol>
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
<head><br />
<link rel=”stylesheet” href=”style.css” type=”text/css”><br />
</head></div>
<br />
<strong>4. Import CSS</strong><br />
Anda bisa juga meng-import CSS ke dalam suatu halaman website menggunakan tag import.<br />
Contoh:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
<br />
@import "style.css";</div>
<br />
atau<br />
@import url("style.css");<br />
<br />
<br />
<strong>Penggunaan Lebih dari Satu Kode CSS</strong><br />
Apabila ada lebih dari satu kode CSS untuk satu elemen, maka yang akan digunakan adalah kode yang lebih spesifik.<br />
Misalkan dalam satu halaman web, menggunakan eksternal style sheet untuk memformat elemen <em>H1</em> sebagai berikut:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
<br />
h1 {<br />
color: red;<br />
text-align: left;<br />
font-size: 8pt<br />
}</div>
<br />
Sementara di halaman web yang sama, di antara tag <em><head></em> ada kode CSS sbb:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
h1 {<br />
text-align: right;<br />
font-size: 20pt<br />
}</div>
<br />
Perhatikan bagaimana pemformatan saling bertabrakan, dari eksternal style sheet, <em>text-align=left</em> sementara dari internal style sheet, <em>text-align=right</em>.<br />
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.<br />
Jadi, dalam contoh di atas, kode yang akan diimplementasikan adalah sebagai berikut :<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
color: red;<br />
text-align: right;<br />
font-size: 20pt</div>
<br clear="all" />
<strong>CLASS dan ID SELECTOR</strong><br />
Masih ingat kan pada pelajaran syntax CSS pada bagian atas posting ini , yang di tulis adalah selector. Pada contoh-contoh di pelajaran sebelumnya, anda melihat penggunaan tag HTML sebagai selector.<br />
Misalkan anda membuat kode CSS untuk tag <h1>. Sekarang bagaimana jika anda ingin memformat tag <h1> dengan warna / property berbeda? Misalkan, anda ingin tag <h1> di kolom kiri berwarna biru sementara tag <h1> di kolom tengah berwarna hitam.<br />
Untuk kasus seperti ini, anda bisa menggunakan Class selector dan ID selector.
<br />
<h3>
Class Selector</h3>
Class selector adalah penggabungan beberapa properties yang digunakan lebih dari satu kali.<br />
Cara penulisan Class Selector:<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
.nama-class {property:value;}</div>
<br />
Untuk menempelkan class ke dalam tag HTML:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
taghtml.nama-class {Property:value;}</div>
<br />
Perhatikan tanda titik di setiap awal nama Class. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <em><div class=nama-class></em> dan di akhiri dengan tag <em></div></em>.<br />
Contoh:<br />
Penulisan kode CSS:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
.tengah {text-align:center;}<br />
p.tengah {color:red;}<br />
h1.kiri {color:blue;}<br />
h1.tengah {color:black;}</div>
<br />
Pemakaian kode CSS<br />
<div class=tengah><br />
<p>Teks tengah akan berwarna merah.</p><br />
<h1 > Tag H1 tengah akan berwarna hitam</h1><br />
</div><br />
<h1 class=kiri>Tag H1 kiri akan berwarna biru</h1><br />
<br />
Hasilnya jika di jalankan pada browser adalah :<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; padding: 5px;">
<span class="style2" style="color: red;">Teks tengah akan berwarna merah.</span>
</div>
<br />
<h1 align="center">
Tag H1 tengah akan berwarna hitam</h1>
<h1 class="style3">
<span class="Apple-style-span" style="color: blue;">
Tag H1 kiri akan berwarna biru</span></h1>
<h3>
<span class="Apple-style-span" style="font-size: large;">
ID Selector</span></h3>
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.<br />
Cara penulisan ID Selector:<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
#nama-ID {property:value;}</div>
<br />
Untuk menempelkan ID selector ke dalam tag HTML:<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
taghtml#nama-ID {Property:value;}</div>
<br />
Perhatikan tanda # di setiap awal nama ID. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <em><div id=nama-ID></em> dan di akhiri dengan tag <em></div></em>.<br />
<br clear="all" />
<h3>
CSS Font Family</h3>
CSS dapat memformat font dengan berbagai macam cara mulai dari pengaturan tipe font, ukuran, dll. Saya akan coba bahas satu per satu ya.<br />
<h3>
1. CSS Font Family</h3>
Kalau anda biasa menggunakan ms word atau aplikasi lainnya dimana anda bisa merubah jenis / tipe font, pasti anda sudah mengenal nama-nama font seperti: arial, verdana, times new roman dll. Nah kalau di CSS kita sebut tipe font ini Font Family.<br />
Cara penulisan:<br />
property -> font-family<br />
value -> nama-nama font, disarankan menggunakan hanya nama-nama font default<br />
Contoh penulisan:<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
h1 {<br />
font-family: verdana;<br />
}<br />
h2 {<br />
font-family: “times new roman”;<br />
}</div>
<br />
Hasilnya jika dijalankan di browser :<br />
<div style="background: #DDD; border: 3px solid #ccc; padding: 5px;">
<h1 class="style4">
Ini adalah Heading 1 (H1) menggunakan font Verdana</h1>
<h2 class="style5">
Ini adalah Heading 2 (H2) menggunakan font Times New Roman</h2>
<strong><br clear="all" />
</strong></div>
<h3>
2. CSS Font Variant</h3>
Properti font variant digunakan untuk menampilkan font dalam huruf kapital kecil. Jadi semua huruf non kapital akan berubah menjadi huruf kapital, tetapi ukuran nya tetap sama. Perlu diketahui, tidak semua jenis font dapat menggunakan properti ini.<br />
Cara penulisan:<br />
property -> font-variant<br />
value -> small-caps<br />
Contoh penulisan:<br />
<br />
<div style="background: #DDD; border: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; padding: 5px;">
h1 {<br />
font-size: 14px;<br />
font-variant: small-caps;<br />
}</div>
<br />
Hasilnya jika dijalankan pada browser :<br />
<div style="background-attachment: initial; background-clip: initial; background-color: #dddddd; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">
<h1>
<span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">Ini adalah Heading 1 (H1) menggunakan properti font variant</span></h1>
<div style="font-family: 'Courier New', Courier, monospace;">
<strong><br clear="all" />
</strong>
</div>
<div style="font-family: 'Courier New', Courier, monospace;">
<br /></div>
</div>
<br />
Sekian dulu ya tutorial CSS dari saya ,, dah pegal tangan ini ngetiknya , hehehe . Jangan lupa share atau komentarnya ya . Salam sukses bagi para programer. Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com14tag:blogger.com,1999:blog-2285076653032936724.post-43189253886214679302012-12-16T10:46:00.001-08:002013-04-06T01:02:44.593-07:004 E-book Belajar Membuat Website Gratis<a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/4-e-book-belajar-membuat-website-gratis.html"><img alt="Ebook website" height="150" src="http://blog.marthinsaur.com/wp-content/uploads/2012/05/php-download-website-300x225.jpg" title="Ebook belajar membuat website" width="200" /></a><img alt="ebook gratis" height="150" src="http://blog.marthinsaur.com/wp-content/uploads/2012/05/php-download-website-300x225.jpg" title="ebook membuat website" width="200" /><br />
<br />
<br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Buat sahabat-sahabat blog <b>kumpulan tutorial website</b> yang Ingin <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/4-e-book-belajar-membuat-website-gratis.html">Membuat Website Dengan Dream Weaver</a> Di tambah Lagi Panduan Pembuatan Website Berdasarkan <b>PHP</b>, <b>MySQL</b>, <b>CSS</b> dan <b>Html</b>, Anda Sudah Tepat Berkunjung Ke blog ini karena blog ini membahas tuntus segala permasalahan mengenai pelajaran website. </div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Blog saya ini masih tergolong baru dan ini baru postingan saya yang pertama mengenai<a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/4-e-book-belajar-membuat-website-gratis.html"> Ebook belajar website</a>. dan saya harap anda dapat menggunakannya dengan tepat dan bijak. <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/4-e-book-belajar-membuat-website-gratis.html">Ebook</a> ini tidak berbayar alias <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/4-e-book-belajar-membuat-website-gratis.html">gratis</a>. </div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<span id="more-23" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<h3>
<b>Daftar Ebook Dibawah Ini Adalah :</b></h3>
</div>
<ol style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 21px; list-style-image: initial; list-style-position: initial; list-style-type: decimal; margin-bottom: 10px; margin-left: 20px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://adf.ly/94lAK" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Tutorial HTML + MySQL + PHP.pdf</a></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://adf.ly/94lES" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Desain Web menggunakan Dreamweaver.pdf</a></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://adf.ly/94lHf" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Web Design Macromedia Dreamwaever MX 2004.pdf</a></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://adf.ly/94lKH" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Ebook PHP – Menyelam dan Menaklukan Samudra PHP</a></li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Jika ada kerusakan link , saya harap anda dapat memberitahu saya melalui kotak komentar dibawah ini, dan jangan lupa share kepada teman-teman anda.</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br /></div>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com36tag:blogger.com,1999:blog-2285076653032936724.post-70934292153122253912012-12-16T10:31:00.001-08:002013-04-06T01:05:01.495-07:00Tutorial Ajax : Dasar atau Pengenalan Ajax<span class="Apple-style-span" style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">Sahabat Blog </span><span class="Apple-style-span" style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;"><b>Kumpulan Tutorial Website</b></span><span class="Apple-style-span" style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;"> yang budiman, Pernahkah anda mendengar </span><span class="Apple-style-span" style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;"><a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html">kata ajax</a></span><span class="Apple-style-span" style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;"> dalam dunia </span><span class="Apple-style-span" style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;"><a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html">pemrograman website</a></span><span class="Apple-style-span" style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;"> ? saya harap anda semua sudah mengetahuinya, tapi buat yang belum tahu , jangan berkecil hati , karena disini saya akan mengulas mengenai apa sebenarnya ajax itu. Oke sudah siap ??? Let's Go to the TKP ...!!!</span><br />
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<br /></div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<b>AJAX</b> adalah singkatan dari <b>Asynchronous JavaScript and XML</b>. <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html">AJAX</a>, terdiri dari <b>HTML</b>, <b>Javascript</b>, <b>DHTML</b> dan <b>DOM</b> yang kemudian digabungkan dengan<a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html"> bahasa pemograman web</a> di sisi server seperti <b>PHP</b> dan <b>ASP</b>, sehingga membentuk suatu aplikasi berbasis web yang interaktif.</div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<br /></div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<i>AJAX</i> <strike>bukanlah</strike> <u>bahasa pemograman</u> baru, tetapi adalah teknik baru untuk membuat aplikasi web lebih baik, lebih cepat dan lebih interaktif.</div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<br /></div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
Dengan AJAX, <b>Javascript</b> dapat langsung berkomunikasi dengan server dengan menggunakan objek <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html">XMLHttpRequest</a>. Dengan objek ini, javascript dapat melakukan transaksi data denga server web, tanpa harus me-reloading halaman web tersebut secara keseluruhan.</div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<br /></div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
Contoh nyata <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html">Penggunaan ajax</a> dapat kita lihat pada salah-satu situs jejariangan sosial yang cukup terkenal yaitu Twitter. Tentu anda semua tahu atau pernah menggunakannya kan ? , jika belum ,, segera bertobat ,, hehehe,. Pernahkah anda perhatikan twitt dari semua orang atau perusahaan yang kita follow otomatis tampil bertambah dan bergantian pada walk twitter kita ? sementara kita belum ada me-reload halaman browser kita, itu semua adalah kerjaan ajax ini. <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html">Dengan ajax</a> , kita tidak perlu lagi mereload halaman browser kita jika dalam website kita ada data yang bertambah atau berubah.</div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<br /></div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
Untuk lebih jelasnya, anda dapat mengunduh tutorialnya pada link download dibawah ini. <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-ajax-dasar-atau-pengenalan-ajax.html">Tutorial</a> ini dirangkum dalam sebuah file halaman PDF. Terimkasih</div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<br /></div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<br /></div>
<div style="border-collapse: collapse; font-family: 'Trebuchet MS'; font-size: 13px;">
<h3>
<a href="http://blog.codingwear.com/01.PengenalanAJAX.pdf"><span class="Apple-style-span" style="color: orange;"><b>Download Tutorial</b></span></a></h3>
</div>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com4tag:blogger.com,1999:blog-2285076653032936724.post-63401209248603158182012-12-16T10:14:00.002-08:002013-04-06T01:09:15.667-07:00Tutorial JQuery : Belajar Dasar JQuery untuk Orang Awam<br />
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong><a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-jquery-belajar-dasar-jquery.html" style="color: #206ba4; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;" target="_blank" title="JQuery">JQuery</a></strong> adalah suatu <strong>framework</strong> (library) <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-jquery-belajar-dasar-jquery.html">Javascript</a> yang menggambarkan bagaimana interaksi antara <strong>Javascript </strong>dan <strong>HTML</strong>. JQuery pertama kali dirilis pada tahun 2006 oleh <b>John Resig</b>. Pada perkembangannya <b>JQuery</b> tidak sekedar sebagai <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-jquery-belajar-dasar-jquery.html">framework Javascript</a>, namun memiliki kehandalan dan keunggulan yang cukup banyak. Hal tersebut banyak menyebabkan para developer web menggunakannya dalam pembuatan sebuah website. JQuery memiliki slogan “<strong>Write less, do more</strong>” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak. Degan istilah kata lain bisa disebutkan, kecil-kecil cabe rawit.</div>
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #f9f9f9; background-image: initial; background-origin: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 10px; color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 1.5em; margin-left: 10px; margin-right: 10px; margin-top: 1.5em; padding-bottom: 0.5em; padding-left: 10px; padding-right: 10px; padding-top: 0.5em;">
<div style="font-style: italic; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<span class="Apple-style-span" style="background-color: #f3f3f3;">jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.</span></div>
</blockquote>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
JQuery merupakan library open source dengan lisensi <b>GNU General Public License</b> dan <b>MIT License</b>. Dari sisi ukurannya, <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-jquery-belajar-dasar-jquery.html">framework JQuery</a> sungguh ramping, hanya sekitar 20 KB dan hanya terdiri dari satu file. Namun demikian, bagi yang menginginkan fungsi lebih, JQuery memungkinkan penambahan fungsionalitas dalam bentuk <a href="http://jquery.com/plugins/" style="color: #206ba4; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;" target="_blank" title="Plugins">plugin</a>. Saat ini tersedia ribuan plugin yang dapat diperoleh secara gratis di internet.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<span id="more-417"></span></div>
<h3>
Apa yang bisa Anda Lakukan dengan JQuery?</h3>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>1.</strong><strong> </strong><strong>Mengakses bagian halaman tertentu dengan mudah.</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
Tanpa adanya <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-jquery-belajar-dasar-jquery.html">library Javascript</a> khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan <strong>Document Object Model (DOM)</strong> dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain, pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dari HTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-jquery-belajar-dasar-jquery.html">struktur HTML</a>.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>2.</strong><strong> </strong><strong>Mengubah tampilan bagian halaman tertentu.</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>3.</strong><strong> </strong><strong>Mengubah isi dari halaman.</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
Jaman dulu (baca:sebelum JQuery lahir) cukup sulit jika kita akan mengubah sebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks, menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baris tabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>4.</strong><strong> </strong><strong>Merespond interaksi user dalam halaman.</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
Website yang baik tidak cukup digambarkan dengan user-interface dan tampilan yang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri. Interaktivitas sangat bergantung bagaimana pemrograman yang dipakai dalam menangani event-handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untuk menangani event saat terjadi click. Namun demikian, event handling pada Javascript terbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapi semuanya dengan tambahan penanganan event-handling yang semakin mudah.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>5.</strong><strong> </strong><strong>Menambahkan animasi ke halaman.</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
Animasi seringkali disertakan dalam suatu halaman web untuk menambah kecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs. Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambar bergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dan kekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupun masih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satu animasi yang bisa dibuat dengan JQuery adalah fading jika terdapat suatu bagian dari halaman ditambahkan atau dihilangkan.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>6.</strong><strong> </strong><strong>Mengambil informasi dari server tanpa me-refresh seluruh halaman.</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari yang namanya <strong>AJAX (Asynchronous Javascript and XML)</strong>. Pada penerapannya, cukup ribet jika harus membangun website dengan konsep AJAX, saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakan salah satunya.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>7.</strong><strong> </strong><strong>Menyederhanakan penulisan Javascript biasa.</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
Semboyan JQuery adalah “<strong>Write less, do more</strong>” atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih. Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang web untuk menggunakan JQuery.</div>
<h3>
Download JQuery</h3>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
Situs resmi JQuery dapat diakses di <b>http://jquery.com/</b>. Dan library JQuery dapat didownload di alamat <b>http://docs.jquery.com/Downloading_jQuery</b>. Tersedia library jQuery dalam 2 (dua) jenis yaitu <strong>minified</strong>dan <strong>uncompressed</strong>. Minified jika kita ingin menggunakannya saja dalam website kita (ukuran 18 KB), sedangkan uncompressed jika kita berkeinginan turut serta mengembangkan code jQuery.</div>
<h3>
Contoh Sederhana JQuery</h3>
<div class="wp-caption alignnone" style="background-color: #f3f3f3; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-top-style: solid; border-top-width: 1px; color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 4px; text-align: center; width: 570px;">
<a href="http://img.photobucket.com/albums/v738/achmatim/blog/jquery02.png" style="color: #206ba4; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;"><img alt="Contoh sederhana penggunaan JQuery" height="302" src="http://img.photobucket.com/albums/v738/achmatim/blog/jquery02.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px;" title="Contoh program JQuery" width="560" /></a><br />
<div class="wp-caption-text" style="color: #999999; font-size: xx-small; line-height: 13px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: top;">
Contoh sederhana penggunaan JQuery</div>
</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>Penjelasan Program</strong></div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>1. Pertama</strong>, kita harus menyertakan (include) file library JQuery. Pastikan letak dari file library sudah benar.<br />
<strong>2. Perintah-perintah JQuery</strong>.</div>
<ul style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; list-style-position: outside; list-style-type: disc; margin-bottom: 10px; margin-left: 20px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<li style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Baris 8 merupakan perintah inisialisasi dimana saat halaman (dokumen) siap ditampilkan maka jalankan juga perintah yang ada di dalamnya. Hal ini mirip dengan event onLoad yang biasanya diletakkan di tag <body>.</li>
<li style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Baris 9-11 maksudnya adalah mendefinisikan action yang terjadi saat link dengan class=show ( $(‘a.show’) ) diklik (lihat link baris ke-22). Jadi jika link di-klik maka paragraf dengan nama class=jquery ( $(‘p.jquery’) ) akan tampil dengan durasi tampil “slow”. Paragraf yang akan ditampilkan adalah paragraf baris ke-24 sampai 27.</li>
<li style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Baris 13-15 sebaliknya, akan menyembunyikan isi dari paragraf yang mengandung nama class=jquery.</li>
</ul>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<strong>3. Isi dari halaman</strong>. Perhatikan nama class dari masing-masing object.</div>
<div style="color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">
<br />Sekian <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-jquery-belajar-dasar-jquery.html">Tutorial Dasar Jquery</a> nya, saya harap dapat berguna bagi setiap yang membacanya. </div>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com19tag:blogger.com,1999:blog-2285076653032936724.post-27101578461519684512012-12-16T09:43:00.001-08:002013-04-06T01:10:26.963-07:00Tutorial Javascript : Sejarah Javascript lengkap dengan Tutorial<h3>
<span class="Apple-style-span" style="font-size: 19px; font-weight: bold;"><b>1. Pengantar </b></span></h3>
Sahabat-sahabat saya yang luarbisa, kali ini saya ingin bagikan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-javascript-sejarah-javascript.html">tutorial javascript</a> yang menurut saya tidak kalah pentingnya. Kenapa <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-javascript-sejarah-javascript.html">sejarah javascript</a> saya anggap perlu ? tentu saya punya jawabannya. Sama halnya jika kita tidak tahu asal-usul pacar kita, tentu hal ini sangat berpengaruh terhadap gaya berpacaran kita. Betul gak ? seperti halnya juga ini, kita tidak akan mengenal siapa sebenarnya si <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-javascript-sejarah-javascript.html">javascript</a> ini dan bagaimana kita harus menggunakannya tanpa kita mengetahui sejarahnya atau asal-usulnya. So,, berikut sejarahnya.<br />
<br />
<b>Javascript</b> diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan “<i>LiveScript</i>” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, pengembangannya yang terkesan buru buru dan tidak ada pesan kesalahan yang di tampilkan setiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java” ) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995.<br />
<br />
Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser Internet Explorer 3. Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen <b>HTML</b>, sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap <b>bahasa HTML</b> dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.<br />
<br />
Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya (pada kenyataannya kompilator Javascript sendiri sudah termasuk di dalam browser tersebut). Lain halnya dengan bahasa “Java” (dengan mana JavaScript selalu di banding bandingkan) yang memerlukan kompilator khusus untuk menterjemahkannya di sisi user/klien.<br />
<br />
<h3>
1.2 Keperluan Java Script</h3>
Untuk mempelajari pemrograman Java Script, ada dua piranti yang diperlukan, yaitu :<br />
• Teks Editor<br />
Digunakan untuk menuliskan kode-kode Java Script, teks editor yang dapat digunakan antara lain notepad dan ultra edit.<br />
• Web Browser<br />
Digunakan untuk menampilkan halaman web yang mengandung kode-kode Java Script. Web browser yang digunakan harus mendukung Java Srcipt. Browser yang dapat digunakan adalah internet explorer dan Netscape Navigator.<br />
<h3>
1.3 Penulisan Java Script</h3>
Kode Java Script dituliskan pada file HTML.Terdapat dua cara untuk menuliskan kode-kode Java Script agar dapat ditampilkan pada halaman HTML, yaitu :<br />
<br />
<br />
a) Java script ditulis pada file yang sama.<br />
Untuk penulisan dengan cara ini, perintah yang digunakan adalah<br />
<SCRIPT LANGUANGE =”JavaScript” >program java script disini</SCRIPT>.<br />
Perintah tersebut biasanya diletakkan diantara Tag <BODY>…</BODY><br />
<br />
Contoh Penulisan :<br />
<HTML><br />
<HEAD><TITLE>……….</TITLE><br />
</HEAD><br />
<BODY><br />
<SCRIPT LANGUAGE=”Javascript”><br />
kode javascript disini<br />
</SCRIPT><br />
kode HTML disini<br />
</BODY><br />
</HTML><br />
<br />
b) Javascript ditulis pada file terpisah<br />
Kode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya tidak terlalu panjang. Atribut yang digunakan adalah <SCRIPT SRC=”namafile.js”>…</SCRIPT><br />
Diantara tag <SCRIPT………> dan <SCRIPT> tidak diperlukan lagi kode Javascriptnya karena sudah dibuat dalam file erpisah. File yang mengandung kode Javascript berekstensi .js.<br />
<br />
<br />
Sekian <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-javascript-sejarah-javascript.html">tutorial</a> singkat saya, semoga dengan ilmu yang sedikit ini dapat menambah wawasan sahabat sekalian.<br />
<br />
<br />Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com3tag:blogger.com,1999:blog-2285076653032936724.post-24409888697800323112012-12-16T09:21:00.001-08:002013-04-06T01:14:54.613-07:00(Tutorial HTML) Fungsi dan Perintah Tag HTML<div>
Hai Sahabat Blog <b>Kumpulan Tutorial Website</b>, saat ini saya ingin berbagi<a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html"> tutorial html</a> sudah lama saya miliki dan sangat berguna bagi anda yang sedang <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">belajar dasar HTML</a>. disini saya memberikan seluruh<i> <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">fungsi tag html</a> beserta keterangan dari <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">tag html</a> </i>tersebut.<br />
<br /></div>
<br />
<table border="0" cellpadding="0" class="MsoNormalTable" style="mso-cellspacing: 1.5pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="background: #ddd; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt; width: 20.0%;" valign="top" width="20%"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Tag<o:p></o:p></span></b></div>
</td>
<td style="background: #ddd; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt; width: 73.0%;" valign="top" width="73%"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Keterangan atau Fungsi<o:p></o:p></span></b></div>
</td>
</tr>
<tr style="mso-yfti-irow: 1;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><!-- ... --></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada
kontiner ini tidak akan terlihat pada browser<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 2;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><!DOCTYPE></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> <o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
informasi tipe dokumen <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 3;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><a><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan
tautan ini digunakan untuk saling menautkan antara satu dokumen <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">HTML</a> ke
dokumen HTML yang lain <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 4;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><abbr><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan
informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber
kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari
singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak
akan tampil dan hanya sebagai informasi saja<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 5;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><acronym><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
akronim / fungsi tag ini kurang lebih sama dengan tag <abbr><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 6;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><address><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
informasi kontak untuk penulis/pemilik dokumen<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 7;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><applet><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk memasukan file java kedalam dokumen HTML<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 8;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><area
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
daerah yang dapat diklik (link) pada peta gambar<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 9;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><b><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks tebal<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 10;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><base
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
URL dasar/target untuk semua URL relatif dalam dokumen<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 11;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><basefont
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
atribut teks default, seperti warna, ukuran, jenis font untuk semua teks
dalam dokumen<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 12;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><bdo><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk menimpa arah teks<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 13;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><big><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Memperbesar
ukuran teks sebesar satu point dari defaultnya<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 14;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><blink><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks berkedip<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 15;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><blockquote><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok
kedalam <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 16;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><body><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen
ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks,
gambar, animas, link dan seterusnya<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 17;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Memberi
baris baru/pindah baris<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 18;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><button><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah tombol diklik<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 19;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><caption><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
caption pada tabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 20;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><center><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
perataan tengah terhadap teks atau gambar <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 21;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><cite><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
kutipan<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 22;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><code><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah bagian dari kode komputer<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 23;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><col
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
nilai atribut dari satu kolom atau lebih dalam sebuah tabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 24;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><colgroup><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Menentukan
kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 25;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><dd><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
deskripsi dari item dalam daftar definisi<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 26;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><del><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
memberi garis tengah pada teks/mencoret teks<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 27;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><dfn><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah istilah definisi<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 28;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><dir><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah daftar direktori<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 29;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><div><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah section dalam dokumen <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 30;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><dl><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah daftar definisi<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 31;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><dt><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
istilah (item) dalam daftar definisi<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 32;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><em><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em>
yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 33;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><embed><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk memasukkan file video atau file musik<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 34;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><fieldset><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti
frame-box di dalam form<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 35;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><font><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
jenis font, warna dan ukuran untuk teks<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 36;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><form><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah form HTML untuk input form<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 37;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><frame
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
frame dalam fremeset<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 38;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><frameset><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
satu set frame<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 39;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><h1>
to <h6><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 40;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><head><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk memberikan informasi tentang dokumen tersebut<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 41;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><hr
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
garis horisontal<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 42;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><html><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
root dari suatu dokumen HTML<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 43;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><i><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks miring<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 44;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><iframe><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah inline frame<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 45;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><img
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Berfungsi untuk
menampilkan gambar pada dokumen HTML<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 46;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><input
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
input field pada form<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 47;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><ins><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks bergaris bawah<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 48;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><kbd><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
teks yang di input dari keyboard<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 49;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><label><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
label untuk sebuah elemen <input><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 50;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><legend><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah caption untuk elemen <fieldset><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 51;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><li><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Digunakan
untuk menampilkan informasi dalam bentuk item daftar <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 52;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><link
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
hubungan antara dokumen dan sumber eksternalnya<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 53;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><listing><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Fungsi tag
ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre>
karena tag <listing> tidak layak/diprotes<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 54;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><map><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
client-side peta gambar<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 55;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><marquee> <o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks berjalan secara vertikal atau horisontal<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 56;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><menu><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah daftar menu<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 57;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><meta
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
metadata tentang sebuah dokumen HTML<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 58;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><nobr><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mencegah
ganti baris pada teks atau gambar<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 59;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><noframes><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Jika
browser user tidak mendukung frame<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 60;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><noscript><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Jika
browser user tidak mendukung client-side scripts<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 61;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><object><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">meletakkan
embed sebuah objek<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 62;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><ol><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
daftar dalam format penomoran<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 63;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><optgroup><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Menampilkan
beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar
drop-down<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 64;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><option><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Menampilkan
beberapa pilihan yang berbentuk dalam sebuah daftar drop-down<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 65;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><p><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
sebuah paragraf<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 66;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><param
/><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah parameter untuk objek<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 67;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><pre><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks dengan ukuran huruf yang sama<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 68;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><q><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah kutipan singkat<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 69;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><s><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag
<del> tetapi tag <s> tidak dianjurkan sebagai gantinya
menggunakan tag <del><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 70;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><samp><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
contoh keluaran dari program komputer<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 71;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><script><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
client-side script<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 72;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><select><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
daftar drop-down<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 73;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><small><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Memperkecil
ukuran teks dari ukuran defaultnya <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 74;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><span><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah section dalam dokumen <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 75;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><strike><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag
<del><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 76;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><strong><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks tebal, fungsi tag ini sama dengan tag <b><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 77;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><style><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
informasi <strike>style</strike> untuk dokumen HTML<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 78;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><sub><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Memberikan
efek subscript pada teks<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 79;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><sup><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Memberikan
efek superscript pada teks<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 80;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><table><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
tabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 81;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><tbody><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
mengelompokkan isi body di dalam sebuah tabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 82;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><td><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sel di dalam sebuah tabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 83;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><textarea><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah kontrol input multiline<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 84;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><tfoot><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
mengelompokkan isi footer di dalam sebuah tabel <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 85;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><th><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sel header di dalam sebuah tabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 86;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><thead><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
mengelompokkan isi header di dalam sebuah tabel <o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 87;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><title><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
judul untuk <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">dokumen HTML</a><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 88;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><tr><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
baris di dalam sebuah tabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 89;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><tt><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
teletype <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">text</a><o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 90;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><u><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat
teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u>
tidak dianjurkan untuk kategori <u>HTML</u> text formatting melainkan termasuk
kategori HTML Style<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 91;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><ul><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
daftar dalam format bullet<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 92;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><var><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
sebuah variabel<o:p></o:p></span></div>
</td>
</tr>
<tr style="mso-yfti-irow: 93; mso-yfti-lastrow: yes;">
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><xmp><o:p></o:p></span></div>
</td>
<td style="border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .5pt; padding: 1.6pt 1.6pt 1.6pt 1.6pt;" valign="top"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Mendefinisikan
preformatted text, fungsi tag ini sama dengan tag <pre><o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
<br />
Saya harap <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">tutorial Fungsi tag HTML</a> ini dapat berguna bagi ada. <b>Tutorial HTML</b> ini dapat anda print dengan memanfaatkan<a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html"> fasilitas print</a> yang saya sediakan dibawah ini. Jika ada kurang lebihnya saya minta maaf. Selamat <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html">belajar</a> bagi para generasi muda yang berbakat. Terimakasih.<br />
<br />
<address>
<a href="http://www.blogger.com/blogger.g?blogID=2285076653032936724"><applet> Digunakan untuk memasukan file java kedalam dokumen HTML
<area></area> Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b> Membuat teks tebal
<base></base> Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont></basefont> Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo> Digunakan untuk menimpa arah teks
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<blockquote>
Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<body> Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br /> Memberi baris baru/pindah baris
<button> Mendefinisikan sebuah tombol diklik
<caption> Membuat caption pada tabel
<center>
Untuk perataan tengah terhadap teks atau gambar
<cite> Mendefinisikan kutipan
<code> Mendefinisikan sebuah bagian dari kode komputer
<col></col> Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup> Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd> Mendefinisikan deskripsi dari item dalam daftar definisi
<del> Untuk memberi garis tengah pada teks/mencoret teks
<dfn> Mendefinisikan sebuah istilah definisi
<dir> Mendefinisikan sebuah daftar direktori
<div>
Mendefinisikan sebuah section dalam dokumen
<dl> Mendefinisikan sebuah daftar definisi
<dt> Mendefinisikan istilah (item) dalam daftar definisi
<em> Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed></embed> Digunakan untuk memasukkan file video atau file musik
<fieldset>
Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>
Mendefinisikan sebuah form HTML untuk input form
<frame></frame> Mendefinisikan frame dalam fremeset
<frameset> Mendefinisikan satu set frame
<h1>
to <h6>
Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head> Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />
Membuat garis horisontal
<html> Mendefinisikan root dari suatu dokumen HTML
<i> Membuat teks miring
<iframe> Mendefinisikan sebuah inline frame
<img /> Berfungsi untuk menampilkan gambar pada dokumen HTML
<input /> Mendefinisikan input field pada form
<ins> Membuat teks bergaris bawah
<kbd> Mendefinisikan teks yang di input dari keyboard
<label> Mendefinisikan label untuk sebuah elemen <input>
<legend> Mendefinisikan sebuah caption untuk elemen <fieldset>
<li> Digunakan untuk menampilkan informasi dalam bentuk item daftar
<link /> Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing> Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map> Mendefinisikan client-side peta gambar
<marquee> Membuat teks berjalan secara vertikal atau horisontal
<menu> Mendefinisikan sebuah daftar menu
<meta /> Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr> Mencegah ganti baris pada teks atau gambar
<noframes> Jika browser user tidak mendukung frame
<noscript> Jika browser user tidak mendukung client-side scripts
<object> meletakkan embed sebuah objek
<ol> Mendefinisikan daftar dalam format penomoran
<optgroup> Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option> Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>
Membuat sebuah paragraf
<param /> Mendefinisikan sebuah parameter untuk objek
<pre> Membuat teks dengan ukuran huruf yang sama
<q> Mendefinisikan sebuah kutipan singkat
<s> Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp> Mendefinisikan contoh keluaran dari program komputer
<script> Mendefinisikan client-side script
<select> Membuat daftar drop-down
<small> Memperkecil ukuran teks dari ukuran defaultnya
<span> Mendefinisikan sebuah section dalam dokumen
<strike> Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong> Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style> Mendefinisikan informasi style untuk dokumen HTML
<sub> Memberikan efek subscript pada teks
<sup> Memberikan efek superscript pada teks
<table> Membuat tabel
<tbody> Untuk mengelompokkan isi body di dalam sebuah tabel
<td> Mendefinisikan sel di dalam sebuah tabel
<textarea> Mendefinisikan sebuah kontrol input multiline
<tfoot> Untuk mengelompokkan isi footer di dalam sebuah tabel
<th> Mendefinisikan sel header di dalam sebuah tabel
<thead> Untuk mengelompokkan isi header di dalam sebuah tabel
<title> Membuat judul untuk dokumen HTML
<tr> Membuat baris di dalam sebuah tabel
<tt> Mendefinisikan teletype text
<u> Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul> Mendefinisikan daftar dalam format bullet
<var> Mendefinisikan sebuah variabel
<xmp> Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>
</iframe></i></html></head></h6>
</h1>
</frameset></form>
</fieldset>
</em></i></em></dt>
</dl>
</div>
</dir></dfn></del></dd></colgroup></code></cite></center>
</caption></button></body></blockquote>
</blink></big></bdo></b></applet></a></address>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com12tag:blogger.com,1999:blog-2285076653032936724.post-67946112750929118322012-12-16T01:31:00.002-08:002013-04-06T01:20:51.696-07:00Tutorial HTML : Belajar HTML untuk Pemula<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;">Hai sahabat <b>Kumpulan Tutorial Website </b>, Pada saat ini saya akan membagikan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html">tutorial html</a> untuk anda yang baru <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html">belajar html dasar</a>. Oke tanpa banyak basa-basi , langsung saja ke TKP.</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;"><br /></span></span>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Sahabat sekalian , untuk mendapatkan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html">halaman web</a> yang baik Anda harus melakukan pengaturan terhadap <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html">teks</a> seperti memilih jenis dan ukuran huruf, perataan, warna, dll. Dan untuk melakukan itu dapat anda buat dengan menggunakan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html">fungsi dari tag-tag</a> di bawah ini:</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span>
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Headers <Hn></b></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Headers</b> : <Hn>..<a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html"></Hn></a> 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. Biasanya ini dugunakan pada judul sebuah website atau judul artikel suatu blog atau website.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><b><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></i></b><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><H1><a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html">Kumpulan Tutorial Website</a></H1></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Jika dijalankan pada browser, maka hasilnya akan terlihat seperti dibawah ini :</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span>
<br />
<h3>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: large; line-height: 19px;">Kumpulan Tutorial Website </span></h3>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span>
<br />
<b><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Paragraph Baru</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> <p></span></b><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Paragraph Baru</b>: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Line Break: <BR></b></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Line Break</b>: <BR> Digunakan untuk pindah ke baris baru. Fungsinya memang hampir sama dengan <b><P></b></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b> </b>, bedanya adalah jika menggunakan <BR> jarak spasi antara baris kata sebelah atas dengan baris kata sebelah bawah lebih dekat dibandingkan dengan menggunakan <P>.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>No Line Break: <NOBR></b></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>No Line Break</b>: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Font <FONT></b></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Font : <FONT></b> : Digunakan utuk mengatur format huruf baik itu jenis huruf warna, ukuran dan masih banyak lagi lainnya. Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>SIZE</b>: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>FACE</b>: 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.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>COLOR</b>: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Hasilnya akan terlihat seperti :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh teks yang berwarna merah</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh lainnya :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC"></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000"></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><b><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Perhatian : Semua tag di bawah ini membutuhkan tap penutup.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></i></b><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><B> <b>Bold text</b></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b> </b></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><I><i> Italic text</i></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><U> <u>Underscore</u></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><TT> </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height: 19px;">Typewriter</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><S> <strike>Strikeout - draws a line through the text</strike></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><PRE> Preformatted Text <DFN> Definition</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><BLINK> Text berkedip (lebih baik jangan digunakan)</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><STRONG> Strong</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><ADDRESS></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;"></span></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><CITE> Digunakan untuk quoting text</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><CODE> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><BIG> Ukuran teks akan lebih besar satu ukuran</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><SMALL> Ukuran teks akan lebih kecil satu ukuran</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><SUP> Membuat tekssuperscript</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><SUB> membuat tekssub script</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><ABBREV> Abbreviations</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><ACRONYM> Untuk akronim</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><PERSON> Digunakan untuk indexing</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><Q> Membuat short inline quotation</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><VAR> Membuat variable name, selalu dalam italics.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Links :</span></span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> <a></span></span></b></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Links :<a></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <a> dan </a> akan terdapat garis bawah.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><A HREF="</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">www.cotoh.com</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">">Klik di sini</A> Untuk membuat link ke halaman lain.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><A HREF="www.cotoh.com">Klik di sini</A> Untuk membuat link pada alamat e-mail.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><A HREF="</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">www.cotoh.com</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><A HREF="</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">www.cotoh.com</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><A HREF="</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">www.cotoh.com</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">"><IMG SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Tabel <table></b></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">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></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><br />
<ul><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">
<li> <Table> : tag pembuka yang harus digunakan dalam pembuatan tabel. dan tag ini adalah tag pembungkus dari <TR> dan <TD>, artinya harus kedua tag ini harus berada di antara tag pembuka tabel <table> dan tag penutup tabel </table>.</li>
<li><TR> : tag ini adalah tag yang digunakan untuk membuat baris dari tabel, jika dalam tabel terdapat 2 tag <TR> dan 2 tag </TR> , maka itu berarti ada 2 baris dalam tabel tersebut. Intinya yang perlu saudara ingat adalah, <TR> berarti baris.</li>
<li><TD> : tag ini adalah tag yang digunakan untuk membuat komlom dalam tabel, dan tag ini harus berada di antara tag pembuka <TR> dan tag penutup </TR>.</li>
</span></ul>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">
</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Berikut Kumpulan Tag HTML</b></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><applet> Sebagai awal dari Java applets </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><area> Mendefinisikan daerah yang dapat diklik (link) pada image map </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b> Membuat teks tebal </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><bgsound> Memberi (suara latar) background sound pada halaman web </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><big> Memperbesar ukuran teks sebesar satu point dari defaultnya </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><blink> Membuat teks berkedip </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br> Pindah baris </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><caption> Membuat caption pada tabel </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><center> Untuk perataan tengah terhadap teks atau gambar </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><dd> Indents teks</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><div> Represents different sections of text.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><embed> Menambahkan sound or file avi ke halaman web</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><fn> Seperti tag <a name></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><form> Mendefinisikan input form</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><frame> Mendefinisikan frame </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><frameset> Mendefinisikan attribut halaman yang akan menggunakan frame</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><h1> ... <h6> Ukuran font </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><head> Mendefinisikan head document.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><hr> Membuat garis horizontal</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><html> Bararti dokumen html</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><i> Membuat teks miring</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><img> Image, imagemap atau an animation </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><input> Mendefinisikan input field pada form</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> ) </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><map> Mendefinisikan client-side map</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><nobr> Mencegah ganti baris pada teks atau images</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><noframes> Jika browser user tidak mendukung frame</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><ol> Mendefinisikan awal dan akhir list</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><p> Ganti paragraf</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><pre> Membuat teks dengan ukuran huruf yg sama</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><script> Mendefinisikan awal script</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><table> Membuat tabel </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><td> Kolom pada tabel</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><title> Mendefinisikan title </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><tr> Baris pada tabel</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><u> Membuat teks bergaris bawah</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><b>Lists</b></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Terdapat tiga tipe list yang dapat digunakan, yaitu :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><UL></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><LI> Item nomer 1</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><LI> Item nomer 2</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><LI> Item nomer 3</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"></UL></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Hasil dari kode di atas adalah:</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"><br /></span><br />
<ol><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;">
<li style="font-size: 14px; line-height: 19px;">Item nomer 1</li>
<li><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;">Item nomer 2</span></li>
<li><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;">Item nomer 3</span></li>
</span></ol>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;">
</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><b><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><UL COMPACT TYPE=square> …</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></b><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">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.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><OL TYPE=I></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><LI> Item nomer 1</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><LI> Item nomer 2</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><LI> Item nomer 3</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"></OL></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Hasil dari kode di atas adalah :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"><br /></span><br />
<ol><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;">
<li style="font-size: 14px; line-height: 19px;">Item nomer 1</li>
<li><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;">Item nomerr 2</span></li>
<li><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;">Item nomerr 3</span></li>
</span></ol>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;">
</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Untuk TYPE Anda dapat juga menggunakan :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">1- Default numbers, 1, 2, 3, etc.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">A- Huruf besar. A, B, C, etc.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">a- Huruf kecil. a, b, c, etc.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">I- Romawi huruf besar. I, II, III, etc.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">i- Romawi huruf kecil , i, ii, iii, etc.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Definition Lists: <DL></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Contoh :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><DL></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><DT> Item pertama.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><DD> Penjelasan tentang item pertama.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><DT> Item kedua.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><DD> Penjelasan tentang item kedua</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"></DL></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /></span><b><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Hasil dari kode di atas adalah :</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></i></b><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><br /><ul>
<li><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Item pertama.</span></span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></span></li>
<li><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Penjelasan tentang item pertama.</span></span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></span></li>
<li><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Item kedua.</span></span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></span></li>
<li><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;">Penjelasan tentang item kedua</span></span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"> </span></span></li>
</ul>
</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"><br /><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;"><br /></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;">Sekian <a href="http://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-belajar-html-untuk-pemula.html">tutorial HTML dasar</a> yang singkat ini, dan saya akan memberikan <b>tutorial html</b> yang lebih lengkapnya pada postingan selanjutnya. tunggu ya ,, jangan lupa share , like , dan komentnya.</span></span>Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com14tag:blogger.com,1999:blog-2285076653032936724.post-70013367556465339612012-11-09T08:36:00.002-08:002013-04-06T01:29:47.722-07:00Tutorial CSS : Form Cantik Dengan CSS<span class="Apple-style-span" style="font-family: Arial; font-size: 12px;"></span><br />
<div class="fblike_button" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<a href="http://s175.photobucket.com/albums/w126/hairulazami/Forum%20dremi/Beautifull%20Form/th_shoot.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img align="left" alt="Beautifull Form dr.emi with CSS web desain grafis" border="0" class="caption" height="141" src="http://s175.photobucket.com/albums/w126/hairulazami/Forum%20dremi/Beautifull%20Form/th_shoot.jpg" style="background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(223, 223, 223); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(223, 223, 223); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(223, 223, 223); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(223, 223, 223); border-top-style: solid; border-top-width: 1px; color: #fafafa; font-size: 11px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; vertical-align: baseline;" title="Beautifull Form dr.emi with CSS web desain grafis" width="160" /></a>Hai sahabat setia <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-css-form-cantik-dengan-css.html">blog ini</a>, kali ini saya akan membagikan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-css-form-cantik-dengan-css.html">tutorial css</a> untuk membuat <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-css-form-cantik-dengan-css.html">form website </a>kita terlihat cantik dan elegant. dalam hal ini saya mengasumsikan bahwa anda-anda sebelumnya sudah tahu atau minimal sudah pernah mendengar apa itu css. Hampir seluruh website sekarang ini sudah menggunakan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-css-form-cantik-dengan-css.html">CSS</a> untuk mempercantik tampilan website mereka. Apa sih keunggulan <b>CSS</b> ?? pasti anda bertanya demikian ,</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-family: arial,helvetica,sans-serif; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br /><b><i>Keunggulan CSS adalah dengan css tampilan website kita menjadi indah simpel dan enak dipandang mata, dan yang paling utama adalah website kita tidak akan berat. berat berarti saat dibuka dalam jendela browser, loadingnya tidak akan terlalu lama atau sangat ringan.</i></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-family: arial,helvetica,sans-serif; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br /></span>
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-family: arial,helvetica,sans-serif; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br /></span>
<h3>
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-family: arial,helvetica,sans-serif; font-size: small; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Berikut <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-css-form-cantik-dengan-css.html">Code CSS</a> nya yang telah dipadukan dengan HTML :</span></h3>
</div>
<div style="background-attachment: initial; background-clip: initial; background-color: #f2f9ff; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(102, 153, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(102, 153, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 153, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(102, 153, 255); border-top-style: solid; border-top-width: 1px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 444px;">
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<style type=”text/css”><br />
<!–<br />
body,td,th {<br />
font-family: Trebuchet MS;<br />
font-size: 11px;<br />
color: #333333;<br />
}<br />
body {<br />
background-color: #FFFFFF;<br />
margin-left: 20px;<br />
margin-top: 20px;<br />
margin-right: 0px;<br />
margin-bottom: 0px;<br />
}<br />
a:link {<br />
color: #0099FF;<br />
text-decoration: underline;<br />
}<br />
a:visited {<br />
text-decoration: underline;<br />
color: #0099FF;<br />
}<br />
a:hover {<br />
text-decoration: none;<br />
color: #009900;<br />
}<br />
a:active {<br />
text-decoration: underline;<br />
color: #0099FF;<br />
}<br />
#OrangeWhiteBox {<br />
background-color:#FFFBF2;<br />
padding: 5px;<br />
margin-bottom:5px;<br />
border:2px solid #FFE9D2;<br />
width:550px;<br />
}<br />
#GreyWhite {<br />
background-color: #FBFBFB;<br />
padding: 5px;<br />
margin-bottom:5px;<br />
border:2px solid #F4F4F4;<br />
width:550px;<br />
text-align:center;<br />
}<br />
/* Design by ivan */</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
#formM { margin:0px;padding-left:20px;padding-bottom:20px;}<br />
#formM h1 { padding-left:72px;padding-top:10px; font-size:18px;padding-bottom:10px; color:#990000; }<br />
#formM p { padding-left:72px;padding-top:10px; font-size:11px;padding-bottom:10px; }<br />
#formM .inputM{<br />
border:1px solid #C0C0C0;<br />
color:#666666;<br />
background:url(beautifull-form.gif) 0 0 repeat-x; /*support IE, FF*/<br />
height:26px;<br />
font-size:16px;<br />
}<br />
#formM .textareaM{<br />
border:1px solid #C0C0C0;<br />
color:#666666;<br />
font-size:16px;<br />
}<br />
#formM label{<br />
display:block;<br />
margin-bottom:10px;<br />
color:#666666;<br />
}</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
#formM label span{<br />
display:block;<br />
float:left;<br />
padding-right:6px;<br />
width:70px;<br />
text-align:right;<br />
font-weight:bold;<br />
font-size:16px;<br />
}<br />
#formM .spacer{margin-left:80px;<br />
margin-bottom:10px;<br />
font-size:11px;<br />
color:#555555;<br />
}<br />
#formM .buttonM{<br />
background:url(coklat.gif) 0 0 no-repeat;<br />
border:1px solid #3b6e22;<br />
height:26px; width:100px;<br />
color:#FFFFFF;<br />
font-size:14px;<br />
text-decoration:none;<br />
font-weight:bold;<br />
}<br />
.spacerA { clear:both; height:20px; margin:0px; padding:0px; }<br />
–><br />
</style></div>
</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br />
<h3>
<span class="Apple-style-span" style="font-size: small;">Sekarang mari kita buat formnya berdasarkan style css diatas:</span></h3>
</div>
<div style="background-attachment: initial; background-clip: initial; background-color: #f2f9ff; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(102, 153, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(102, 153, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 153, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(102, 153, 255); border-top-style: solid; border-top-width: 1px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 444px;">
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br />
<div id=”OrangeWhiteBox”></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<div id=”formM”><br />
<h1>Kumpulan Tutorial Website </h1><br />
<form id=”form1″ name=”form1″ method=”post” action=”"><br />
<label><span>Nama </span><br />
<input name=”name2″ type=”text” class=”inputM” id=”name2″ value=”Ivan silalahi” size=”20″ /><br />
</label></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<label><span>E-Mail </span><br />
<input name=”name” type=”text” class=”inputM” id=”name” value=”ivan@email.com” size=”20″ /><br />
</label></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<label><span>No. HP </span><br />
<input name=”name” type=”text” class=”inputM” id=”name” value=”081368756432″ size=”20″ /><br />
</label></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<label><span>Website</span><br />
<input name=”name” type=”text” class=”inputM” id=”name” value=”http://” size=”41″/><br />
</label></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<label><span>Komentar</span><br />
<textarea cols=”38″ rows=”5″ class=”textareaM”>Selamat datang di kumpulan tutorial website</textarea><br />
</label><br />
<label><br />
<div class=”spacer”><input type=”submit” name=”Submit” value=”Kirim” class=”buttonM”/><br />
</label><br />
</div></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</form><br />
</div></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</div><br />
<br /></div>
</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Jika dijalankan pada browser, hasilnya akan tampak seperti gambar dibawah ini :<br />
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<a href="http://s175.photobucket.com/albums/w126/hairulazami/Forum%20dremi/Beautifull%20Form/?action=view&current=shoot.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="Beautifull Form dr.emi with CSS web desain grafis" border="0" src="http://s175.photobucket.com/albums/w126/hairulazami/Forum%20dremi/Beautifull%20Form/th_shoot.jpg" style="background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(223, 223, 223); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(223, 223, 223); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(223, 223, 223); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(223, 223, 223); border-top-style: solid; border-top-width: 1px; color: #fafafa; font-size: 11px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; vertical-align: baseline;" title="Beautifull Form dr.emi with CSS web desain grafis" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Anda Bisa downloadnya di : <a href="http://www.ziddu.com/download/1757622/beautifull-form.rar.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">Download disini</a></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Sekian dan terimakasih.</div>
<div>
<br /></div>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com5tag:blogger.com,1999:blog-2285076653032936724.post-78890157709340021122012-11-09T08:23:00.002-08:002013-04-06T01:33:11.925-07:00Tutorial Website : Tips Cara Mendapatkan Website GratisHalo semuanya kali ini saya akan coba menunjukkan suatu kombinasi yang efektif dan efisien serta sempurna dan gratis. <span class="Apple-style-span" style="font-family: Arial; font-size: 12px;"></span><br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Pertama target riset saya lakukan terhadap dua penyedia domain?? redirection gratis yaitu <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-tips-cara-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">uni.cc</a> dan<a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-tips-cara-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">co.cc</a> . setelah saya teliti ternyata mereka berdua menyediakan “modify DNS”.</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<span id="more-505" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
“modify DNS” adalah fasilitas untuk mengarahkan DNS domain ke hosting kita. feature ini sangat bagus mengingat penyedia free domain redirection yang lain hanya memberikan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-tips-cara-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">redirection</a> biasa seperti <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-tips-cara-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">domain gratis co.nr</a> atau <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-tips-cara-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">domain gratis .tk</a> dan hanya sebatas cloaking…(Cloaking tidak efektif dan dibenci oleh google).</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Selanjutnya adalah mencari hosting gratisan yang cocok dan bagus, saya mencoba 3 free hosting, sebagai test.., mereka yaitu :<br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</div>
<h3>
<span class="Apple-style-span" style="font-size: small;">Hosting Gratis:</span></h3>
</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
1. 50webs.com<br />
2. 000webhost<br />
3. Freehostia.com</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br />
Test penggabungan co.cc dengan 50webs.com, DNS saya arahkan ke 50webs.com, pihak co.cc ok..!!, tapi setelah saya cek ternyata pihak 50webs.com memberikan “0″ addon domain (alias tidak mengizinkan “addon domain”, katanya sih harus upgrade )…. Test gagal..</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Test penggabungan co.cc dengan 000webhost berjalan lancar hanya dengan beberapa jam saja, domain co.cc sudah konek dengan hosting 000webhost. Begitu juga dengan Freehostia, mereka juga bisa konek.</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<h3>
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Caranya co.cc dg 000webhost:</strong></h3>
</div>
<ol style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Anda register dulu di<a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-tips-cara-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"> uni.cc</a>: https://www.co.cc/regist/regist_account.php?go_url=/my_account/my_account.php</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Setelah register anda login, pilih salah satu website anda ex: narutopicture.co.cc</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Klik tombol “<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Set up</strong>“, lalu masukkan dns1.000webhost.com dalam kotak Name Server1 dan dns2.000webhost.com dalam kotak Name Server2.</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Anda register ke 000webhost: http://www.000webhost.com/order.php</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Masukkan domain co.cc anda ex: narutopicture.co.cc ke kotak: I want to host my own domain (domain must be registered already).</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Lalu anda isi form-form yang lain sesuai dengan data anda, dan submit</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Tunggu 24 Jam dan hasilnya akan jadi.</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<h3>
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Caranya uni.cc dg Freehostia:</strong></h3>
</div>
<ol style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Anda register dulu di uni.cc, lalu? DNS nya uni.cc arahkan ke Free?? Hostia (freehostia.com), Name Server-nya ada, lihat saja pada menu Addon Domain</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Lalu pada cPanel Free Hostia (freehostia.com) pilih Addon Domain, masukkan domain kamu tadi, </li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">ex: <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-tips-cara-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #0080ff; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">Belajar Pintar PHP.uni.cc</a> (tanpa www)</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 20px; list-style-type: square; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Tunggu 24 Jam dan Jadi deh….</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Info buat anda :</strong><br />
<br />
Setelah saya perhatikan uni.cc meminta anda untuk memasang banner mereka, jika tidak maka domain uni.cc anda akan di hapus.<br />
Sahabat-sahabat semua juga lebih banyak yang suka dengan co.cc daripada uni.cc</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Sekian dan selamat mencoba !!!</div>
Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com0tag:blogger.com,1999:blog-2285076653032936724.post-54149787884885257202012-11-09T08:12:00.002-08:002013-04-06T01:35:31.025-07:00Tutorial Website : Membuat Logo Website Pada Addres Bar dengan Kode HTML<br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-membuat-logo-website.html"><img align="top" alt="Membuat Logo Pada Addres Bar" border="0" class="caption" height="100" src="http://www.ilmuwebsite.com/wp-content/uploads/unair.info/img/url.gif" style="background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; border-bottom-color: rgb(223, 223, 223); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(223, 223, 223); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(223, 223, 223); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(223, 223, 223); border-top-style: solid; border-top-width: 1px; color: #fafafa; font-size: 11px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; vertical-align: baseline;" title="Membuat Logo Pada Addres Bar" width="459" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<b>Favicon </b>adalah icon kecil yang ada di url address bar, contohnya bisa anda lihat pada gambar di atas dan bisa juga masuk dalam daftar bookmark jika kita mem bookmark suatu situs yang mempunyai <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-membuat-logo-website.html">Favicon</a>, untuk ukurannya <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-membuat-logo-website.html">favicon sendiri</a> adalah 16 x 16 pixel.</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<h3>
<span class="Apple-style-span" style="font-size: small;"><b>Berikut tutorial nya bagaimana cara membuat Logo pada URL Address Browser</b>:</span></h3>
</div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
caranya siapkan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-membuat-logo-website.html">icon</a> favorite anda, download<u> icon-icon</u> dibawah ini:<br />
<span id="more-504" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><br />
http://www.webdeveloper.com/favicon.ico<br />
http://www.oscmax.com/favicon.ico<br />
http://www.coffeecup.com/favicon.ico<br />
http://unblock-url.qarchive.org/favicon.ico<br />
http://www.pizzahut.com/favicon.ico<br />
http://www.starbucks.com/favicon.ico<br />
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-membuat-logo-website.html"><img alt="Membuat Logo Pada Addres Bar" border="0" src="http://www.ilmuwebsite.com/wp-content/uploads/unair.info/img/klik-kanan.gif" style="background-attachment: initial; background-clip: initial; background-color: #fafafa; background-image: initial; background-origin: initial; border-bottom-color: rgb(223, 223, 223); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(223, 223, 223); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(223, 223, 223); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(223, 223, 223); border-top-style: solid; border-top-width: 1px; color: #fafafa; font-size: 11px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; vertical-align: baseline;" title="Membuat Logo Pada Addres Bar" /></a><br />
Setelah itu silahkan klik kanan salah satu icon, lalu pilih Save Image As.. -> lalu save<br />
Cara pemasangannya bisa anda <strike>Upload</strike> dan letakkan di direcrtory <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">root</strong>? dengan nama: <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">favicon.ico</strong></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
atau bisa juga letakkan <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-membuat-logo-website.html">tag </a>di bawah ini dalam header anda<br />
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br /></span>
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><head><br />….<br /><LINK REL=”SHORTCUT ICON” href=”http://www.yourwebsite.com/favicon.ico” /><br /></head></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; font-size: 12px; height: auto; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Selamat Mencoba !!!</div>
<br />
<br />Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com2tag:blogger.com,1999:blog-2285076653032936724.post-4413473623162116482012-11-09T07:08:00.002-08:002013-04-06T01:38:19.704-07:00Tutorial Website : Dasar Membuat Website Dengan HTML<img alt="Dasar Membuat Web Dengan HTML" height="216" src="http://www.elasticmind.ca/innerpreneur/wp-content/uploads/2008/07/HTML.png" style="float: left; margin-bottom: 2px; margin-right: 2px;" title="Dasar Membuat Web Dengan HTML" width="189" />Kali ini saya akan membagikan sebuah tutorial yaitu tutorial <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-dasar-membuat-website.html">tutorial HTML</a> dalam tutorial ini akan menjelaskan bagaimana <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-dasar-membuat-website.html">website</a> di bangun menggunakan <b>tag-tag HTML</b>, dan tutorial ini sangat cocok untuk pemula. Tapi sebelum ke TKP, ada yang perlu anda ketahui.<br />
<span id="more-712"></span><br />
<br />
<b>tag <></b><br />
<br />
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.<br />
Tag container adalah tag yang berisi text yang akan ditampilkan
setelah tag ditutup.<br />
<br />
<i>Contoh: <td> text yang ditampilkan
</td>.</i><br />
<br />
Tapi lain halnya dengan tag yang satu ini, contoh <BR> (break). <br> tidak
perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag
container, contoh: <h1>, harus ditutup dengan </h1>.<br />
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td><br />
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh:
<body bgcolor=”red”> </body>. atau <input
type=”text”>.<br />
<br />
<b>LANGKAH 1</b><br />
<ul>
<li>MEMBUKA NOTEPAD.</li>
</ul>
<b>LANGKAH 2</b> <br />
<ul>
<li>MENGETIKKAN SINTAK/SYNTAX.</li>
</ul>
<h3>
<span class="Apple-style-span" style="font-size: small;">Berikut ini adalah syntax dasar yang membentuk suatu HTML.</span></h3>
pertama, ketikkan<br />
<html><br />
tekan enter, kemudian ketik<br />
<head><br />
<br />
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang
paling penting jangan lupa mengetikan sintak <title> judul
halaman web </title>. Untuk sintak lain nanti saja.<br />
<br />
Sekarang ketikkan sintak title tadi, jadi seperti ini:<br />
<br />
<head> <title> judul halaman web </title> </head><br />
<br />
Kemudian ketikkan <body>. Tag body merupakan badan/tubuh/inti
dari halaman web, tampilan web yang kita lihat itu berasal dari
<body>.<br />
<br />
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:<br />
<br />
<html><br />
<head><br />
<title> Judul Halaman <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-dasar-membuat-website.html">Web</a> </title><br />
</head><br />
<body><br />
</body><br />
<br />
<br />
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :<br />
<br />
<body><br />
Contoh text yang ditampilin di halaman web <br />
</body><br />
terus, jika sudah, ketikkan </html>, script lengkapnya seperti ini :<br />
<html><br />
<head><br />
<title> Judul Halaman Web </title><br />
</head><br />
<body><br />
Contoh text yang ditampilkan di halaman web<br />
</body><br />
</html><br />
<br />
jika sudah selesai, jangan lupa untuk save dengan nama dasarHTML.<br />
jika sudah disave, buka data yang telah di save atau simpan tadi.<br />
<br />
Pada bagian ini, kalian mungkin akan bingung karena html yang tadi
disave ternyata gagal. Bahkan yang terbuka
adalah file di notepad/wordpad.<br />
Hal tersebut terjadi karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan
HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika men-save, ada
satu tempat di bawah tempat kita menulis nama file,? yakni Save As Type.
Silahkan ubah dari text document(*.txt) menjadi all files, ketika
menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.<br />
<br />
<b>Selamat Mencoba ...!!!</b>Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com1tag:blogger.com,1999:blog-2285076653032936724.post-65414275813763561302012-11-09T06:58:00.000-08:002013-04-06T01:39:12.213-07:00Tutorial Website : Konsep Dasar Membuat WebSebelum<b> membuat web</b> secara profesional, tugas penting sebagai seorang pengembang <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-konsep-dasar-membuat.html"><b>web</b></a><br />
adalah memberikan ide dan gagasan tentang point apa saja yang akan ditampilkan dalam sebuah<br />
<a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-konsep-dasar-membuat.html">halaman web</a>. Dengan demikian, seorang pengembang web juga perlu berkonsultasi dengan<br />
pemilik web itu sendiri agar segala sesuatu yang menjadi tujuan pemilik web dapat terpenuhi.<br />
Lain halnya dengan seorang pengembang web (<i><b>web developer</b></i>) yang diberikan kebebasan<br />
dalam membuat sebuah web. Pemiliki web umumnya mempercayakan sepenuhnya<br />
kepada pengembang web (<b>web developer</b>). Nah, jika demikian maka sebagai seorang<br />
pengembang web harus benar-benar membuktikan keterampilannya dalam membuat web<br />
secara profesional agar para pemiliki web tidak kecewa dengan karya yang telah dibuat.<br />
<br />
Untuk menjadi seorang pengembang <a href="http://kumpulantutorialwebsite.blogspot.com/2012/11/tutorial-website-konsep-dasar-membuat.html">web profesional</a> tidaklah mudah karena harus<br />
memadukan antara bahasa pemrograman web dengan nilai seni yang terdapat dalam<br />
setiap halaman web. Keduanya harus dimiliiki, jika salah satu saja maka belum bisa<br />
disebut sebagai seorang pengembang web profesional. Meskipun <a href="http://planetsphp.blogspot.com/">pintar bahasa php</a><br />
dalam membuat web, tapi jika tidak didukung oleh jiwa seni maka hasilnya kurang<br />
maksimal. Begitu pula sebaliknya, jika hanya pandai membuat tampilan halaman web<br />
tapi tidak didukung oleh pengetahuan tentang bahasa pemrograman web maka hal itu<br />
akan sia-sia saja.<br />
<br />
Sebagai seorang pengembang web pemula, tidak perlu berkecil hati jika ingin menjadi<br />
seorang pengembang web profesional. Yang terpenting adalah adanya kemauan untuk<br />
terus belajar dan belajar lagi agar wawasan tentang pengembangan web terus bertambah.<br />
Ada beberapa hal yang perlu diketahui oleh para pengembang web pemula ketika<br />
pertama kali ingin membangun sebuah web dari awal. Agar web yang dibuat nampak<br />
profesional perlu memahami beberapa konsep dasar dalam mengolah web, mulai dari<br />
tool yang digunakan, format gambar yang sesuai, hingga pemilihan warna teks dan latar<br />
belakang sebuah halaman web.<br />
<br />
<h3>
<b>SOFTWARE DESAIN GRAFIS</b> </h3>
Dalam merancang sebuah website, kita tidak bisa lepas dari perangkat lunak untuk<br />
mengolah gambar (image) sebagai bagian dari website. Ada beberapa alat disain grafis<br />
yang dapat digunakan untuk membantu dalam membuat website yang cantik,<br />
diantaranya:<br />
<br />
1. Adobe Photoshop (http://www.adobe.com/) : software ini sangat populer dan dapat<br />
diandalkan untuk membuat dan mengedit grafik maupun gambar fotografi.<br />
2. Adobe Illustrator (http://www.adobe.com/) : software ini digunakan untuk membuat<br />
gambar dalam bentuk vektor dan dapat digunakan untuk membuat ilustrasi.<br />
3. PaintShop Pro (http://www.jasc.com/) : software ini sama dengan Adobe Photoshop,<br />
sedikit lebih canggih namun tidak masih kalah populer dibandingkan Adobe Photoshop.<br />
4. Macromedia Fireworks (http://www.adobe.com) : software ini sangat mirip dengan<br />
Adobe Photoshop, namun tool ini berbasis vektor. Software ini mengijinkan semua<br />
elemen dapat diedit kembali dan dapat berintegrasi dengan Macromedia Dreamweaver.<br />
Sebagai tambahan, oleh karena seluruh produk Macromedia diakuisisi oleh Adobe maka<br />
namanya berubah menjadi Adobe Macromedia Fireworks.<br />
5. Macromedia Flash (http://www.adobe.com) : software ini dapat digunakan untuk<br />
membuat animasi dan berbasis vektor untuk website.<br />
<br />
<h3>
FORMAT GRAFIS</h3>
Grafik/gambar dalam sebuah website dapat memberikan efek visual yang luar biasa<br />
terhadap website tersebut, namun bisa menambah waktu koneksi akibat banyaknya<br />
gambar yang ditampilkan. Grafik dalam website dapat berupa statik, animasi, dan<br />
fotografi.<br />
Agar koneksi ke website kita lebih cepat, perlu memahami beberapa format file yang<br />
sering digunakan pada sebuah website, diantaranya:<br />
1. GIF : memiliki warna 8-bit, mendukung dalam bentuk transparan, mengkompresi area<br />
warna secara solid, mereduksi jumlah warna dan menjalin untuk proses download<br />
secara cepat, juga dapat digunakan untuk membuat animasi dalam bentuk grafik<br />
(animated graphic).<br />
2. JPG : memiliki warna 24-bit,menjaga kualitas brightness dan hue yang ditemukan<br />
dalam sebuah foto, dapat disimpan dalam format berkualits tinggi maupun rendan (high<br />
or low resolution), sebuah file jpg dapat pula digunakan versi resolusi rendah (low<br />
resolution) dari gambar yang nampak ketika gambar sedang didownload, tidak<br />
mendukung transparansi.<br />
3. PNG : PNG-8 mendukung warna 8 bit, mengkompres area warna yang pekat, menjaga<br />
detail ketajaman, mendukung transparansi, kompresi lebih canggih dibandingkan gif<br />
karena dapat mengkompresi sekitar 10-30% lebih kecil dari format GIF.<br />
Setelah melihat perbandingan beberapa format file grafis untuk web, Anda dapat<br />
menentukan format apa yang akan digunakan sesuai kebutuhan. Pada prinsipnya, semua<br />
format file tersebut dapat dijadikan panduan dalam memilih format file yang tepat.<br />
<br />
<i>Ada beberapa bahan pertimbangan ketika memilih salah satu dari beberapa format file<br />tersebut, diantaranya:</i><br />
- Usahakan ukuran file seminimal mungkin<br />
- Selalu gunakan mode warna RGB<br />
- Gunakan web pallete (216 web-safe colour)<br />
<br />
Jika Anda memilih format file GIF : simpan sedikit warna jika perlu, simpanlah sebagai<br />
interlaced .gif, buatlah latar belakang transparan berwarna.<br />
Jika Anda memilih format file JPG : pilih kualitas yang paling kecil jika perlu, dan<br />
simpan sebagai progresive.Ivan Silalahihttp://www.blogger.com/profile/13833638064620793044noreply@blogger.com1