Cara Buat Sederhana Halaman Web Dengan HTML


Yes, you can make a webpage without learning HTML. Ya, Anda dapat membuat halaman web tanpa belajar HTML. But should you? Tetapi jika Anda? No. Because, for one thing, you will have problems somewhere down the road, no matter what webpage editor you're using, and you will need to know HTML to fix it. No. Karena, untuk satu hal, Anda akan mendapatkan masalah somewhere down the road, tidak peduli apa webpage editor Anda gunakan, dan anda perlu tahu HTML untuk memperbaikinya. This article shows you the basics of creating a website in HTML. Artikel ini menunjukkan Anda dasar-dasar membuat situs Web dalam HTML. With this basic introduction, you'll soon be able to make a webpage from scratch! Dengan pengenalan dasar ini, Anda akan segera dapat membuat sebuah halaman web dari awal!

[ edit ] Steps [Sunting] Langkah-langkah

  1. Understand what HTML is . Memahami apa itu HTML. Technically, it stands for Hypertext Markup Language, but that's not important. Secara teknis, ini adalah singkatan dari hypertext markup language, tapi hal tersebut tidak penting. It's the coding language that make web-pages. It's the coding bahasa yang membuat halaman web. Go into Netscape and choose from the VIEW menu "page source" (earlier versions called this "document source"). Pergilah ke Netscape dan memilih dari menu VIEW "halaman sumber" (versi ini disebut "dokumen sumber"). Or, in Internet Explorer, the VIEW menu option is "source". Atau, di Internet Explorer, pilihan menu yang VIEW adalah "sumber". In Mozilla Firefox, press [Ctrl]+U to view the page's source code. Di Mozilla Firefox, tekan [Ctrl] + U untuk melihat kode sumber halaman. In Safari, select View - View Source (or Option+Command+U). Dalam Safari, pilih View - Lihat Sumber (atau Option + Command + U). You will see a page of code, and that is HTML. Anda akan melihat halaman kode, dan yang HTML. That code is what your browser sees and then interprets it into that nice web-page you see. Yang kode apa browser anda dan kemudian melihat ke dalam menafsirkan yang baik-halaman web yang Anda lihat.
  2. Remember: not all pages are equally complex! Start with a really simple page , or you'll get overwhelmed by the syntax and the script languages. Ingat: tidak semua halaman yang sama-sama kompleks! Mulailah dengan halaman yang sangat sederhana, atau anda akan kewalahan oleh sintaks dan script bahasa.
    • It's important to remember that you'll be writing your information between an opening HTML tag and a closing HTML tag. Perlu diingat bahwa Anda akan menulis informasi pembuka antara tag HTML dan tag HTML penutup. An opening tag looks like: <___> and a closing tag is like so: where the ___ is replaced with a code. Sebuah tag seperti: <___> dan tag penutup adalah seperti: dimana ___ diganti dengan kode.
  3. Go to Start > Programs > Accessories > Click Notepad . Go to Start> Programs> Accessories> Klik Notepad.
  4. Tell the browser what language we are using . Kirim browser bahasa apa yang kita gunakan. Type . Jenis . It is the first tag we write (tells the computer we're starting a web-page), and it will be closed last, so at the end of the document, close it off by typing this : (ends web-page) Ini merupakan pertama kita menulis tag (memberitahu komputer kami mulai halaman web), dan terakhir akan ditutup, sehingga pada akhir dokumen, dekat keluar dengan mengetikkan ini: (berakhir web halaman)
  5. Add the heading of the page as shown. Menambahkan judul dari halaman seperti yang ditunjukkan.
  6. Give your page a title . Memberikan judul halaman Anda. A title is important because (a.) it gives your users an idea what the page is about, and (b.) when users bookmark your site, that title is all they will see in their bookmark list. Judul itu penting karena (a.) memberikan pengguna Anda ide apa halaman, dan (b.) ketika pengguna penunjuk situs anda, bahwa semua judul yang akan mereka lihat di daftar penunjuk. The title HTML code is .</span> Judul kode HTML adalah <title>.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Close it off at the end of the document, right before </html>, by writing . Dekat keluar pada akhir dokumen, tepat sebelum , dengan menulis .
  7. Work on the body of the page. Bekerja pada tubuh halaman. Type to open the body tag. Jenis membuka tag badan. Then close the body tag: . Kemudian menutup tubuh tag: . The bulk of the information for your web-page goes between and . Sebagian besar informasi untuk halaman web Anda berjalan antara dan .
    • To give your web-page a background color, you can add it as an "attribute" within the body tag. Memberikan halaman web Anda warna latar belakang, Anda dapat menambahkannya sebagai "atribut" di dalam tubuh tag. Instead of writing just write . Alih-alih menulis hanya menulis . You can try a different color or even a hex code, but keep the quotation marks. Anda dapat mencoba warna yang berbeda atau bahkan kode hex, tetapi memelihara tanda kutip.
  8. Write some text between the body tags . Menulis teks antara tag tubuh.
    • To make the text go to the next line (like pressing "Enter" on your keyboard) write
      .
      Untuk membuat teks pergi ke baris berikutnya (seperti menekan "Enter" pada keyboard Anda)
      menulis.
    • Want to add a marquee? Ingin menambahkan sebuah tenda besar? Simple! Simple! TEXT GOES HERE A marquee is a word that moves across the screen. TULISAN di sini Sebuah tenda besar adalah kata yang bergerak di seluruh layar.
    • Add some pictures . Tambahkan beberapa gambar. If you want to put a picture from the Internet onto your web page, this is the HTML code for pictures : . Jika Anda ingin menaruh gambar dari Internet ke halaman web Anda, ini adalah kode HTML untuk gambar: . The closing tag is: but it is optional. Tag penutup adalah: tetapi opsional.
    • Check to make sure all of your tags are closed . Periksa untuk memastikan semua tag anda akan ditutup. Your webpage should look something like this: Halaman web Anda akan terlihat seperti ini:



      My Web-page My Web-halaman </ title></span> <br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></head><body bgcolor="yellow"></span> </ head> <body bgcolor="yellow"></span> <br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">I love wikiHow because</span> Saya suka karena wikiHow</span> <br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><marquee>It's the best website in the world!</marquee></span> <marquee> It's the best website in the world </ tenda besar></span> <br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><img src=" <a href=" class="external free" title="http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif" rel="nofollow" />http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif</a> "></img></span> <img src=" <a href=" class="external free" title="http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif" rel="nofollow" />http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif</a> "> </ img></span> <br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></body></span> </ body></span> <br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></html></span> </ html></span> <br /> <br /></td></tr></tbody></table></li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><b>Save</b> by going to "save as", put a filename with an .html extension (such as "testfile.html")and choose "all files" or "txt" under file type.</span> <b>Simpan</b> oleh going to "save as", masukkan nama file dengan. Html ekstensi (misalnya "testfile.html") dan pilih "semua file" atau "txt" di bawah jenis file.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">It won't work if both are not done.</span> Tidak akan berfungsi jika keduanya tidak dilakukan.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Now go find it wherever you saved it, double click it, and your default web browser should open up your very own web-page!</span> Sekarang pergi mencarinya dimanapun Anda menyimpannya, klik dua kali, dan standar Anda harus buka web browser anda sendiri halaman web!</span> </li></ol><p> <br /></p></div><div id="tips"><a name="Tips" id="Tips"></a><h2> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><span class="editsection1">[ <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D2&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhjzNOGGDTo2YXuCb0zOxMEmgHB1Jw" title="Sunting bagian: Tips">edit</a> ]</span> <span>Tips</span></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D2&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhjzNOGGDTo2YXuCb0zOxMEmgHB1Jw" title="Sunting bagian: Tips"><span class="editsection1">[Sunting]</span></a> <span>Tips</span></span> </h2><ul><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">If your web-page isn't working, copy and paste the sample HTML code from above and save as instructed, then view the page.</span> Jika halaman web tidak bekerja, copy dan paste kode HTML dari contoh di atas dan simpan sebagai petunjuk, kemudian melihat halaman.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Play around with the existing code as you learn.</span> Memutar sekitar dengan kode yang sudah ada saat Anda belajar.</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">When you open a tag, you <i>must</i> close it, unless it is one of those tags that don't need to be closed, like <img> or <hr />.</span> Bila Anda membuka tag, Anda <i>harus</i> menutup itu, kecuali yang merupakan salah satu tag yang tidak perlu ditutup, seperti <img> atau <hr />.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">However, when in doubt, close the tag.</span> Namun, bila ragu, menutup tag.</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Closing tags cannot be placed anywhere.</span> Tag penutup tidak dapat ditempatkan di manapun.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">The "last" tag "in" must be the "first" tag "out"like this <tag1><tag2> statements </tag2></tag1></span> Yang "terakhir" tag "di" harus "pertama" tag "keluar" seperti ini <tag1> <tag2> pernyataan </ tag2> </ tag1></span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Here is an example of an incorrect placement of tags <tag1><tag2> statements </tag1></tag2></span> Berikut adalah contoh yang salah penempatan tag <tag1> <tag2> pernyataan </ tag1> </ tag2></span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">This article tells you how to create a web-page.</span> Artikel ini memberitahu Anda bagaimana untuk membuat halaman web.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Consult the Related wikiHows below for information on how to publish your web-page.</span> Berkonsultasi dengan wikiHows terkait di bawah ini untuk informasi tentang bagaimana untuk mempublikasikan halaman web Anda.</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">If you want to tweak the code, find the file and rename the ".htm" to ".txt".</span> Jika Anda ingin tweak kode, menemukan dan mengubah nama file ". Htm" ke ". Txt".</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Being able to whip up a simple web-page in minutes flat can be a useful method of impressing your friends.</span> Untuk dapat membangkitkan sebuah halaman web sederhana-rata dalam hitungan menit dapat menjadi metode yang berguna berkesan teman-teman Anda.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">You could walk up to one of them and say "You want a web-page?"</span> Anda dapat berjalan sampai ke salah satu dari mereka dan berkata: "Anda ingin web halaman?"</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">and then make one for them.</span> dan kemudian membuat satu untuk mereka.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">They will probably be impressed and flattered!</span> Mereka akan mungkin akan terkesan dan flattered!</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">To make more advanced web sites, use a web editor, like Microsoft Expression Web</span> Lebih maju untuk membuat situs web, menggunakan web editor, seperti Microsoft Expression Web</span> </li></ul><p> <br /></p></div><div id="chikita_ads"><center><script type="text/javascript"><!-- ch_client = "wikihow"; ch_type = "mpu"; ch_width = 550; ch_height = 90; ch_non_contextual = 4; ch_target = "_blank"; ch_vertical ="premium"; ch_noborders = 1; ch_sid = "Chitika Premium"; var ch_queries = new Array( ); var ch_selected=Math.floor((Math.random()*ch_queries.length)); if ( ch_selected < ch_query =" ch_queries[ch_selected];"></script><script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script><iframe style="display: none;" id="ch_ad191" name="ch_ad191" src="about:blank" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" height="0" scrolling="no" width="0"></iframe></center></div><div id="warnings"><a name="Warnings" id="Warnings"></a><h2> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><span class="editsection1">[ <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D3&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhhgPwF1-7ZqMefHGlWqN0qyM3AKQQ" title="Sunting bagian: Peringatan">edit</a> ]</span> <span>Warnings</span></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D3&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhhgPwF1-7ZqMefHGlWqN0qyM3AKQQ" title="Sunting bagian: Peringatan"><span class="editsection1">[Sunting]</span></a> <span>Peringatan</span></span> </h2><ul><li> <span style="" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Make sure you manually type ".html" or at the end of the file name and choose "all files" or "txt" under file type.</span> Pastikan Anda ketik secara manual. "Html" atau pada akhir nama file dan memilih "semua file" atau "txt" di bawah jenis file.</span> <span style="" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">It won't work if both are not done.</span> Tidak akan berfungsi jika keduanya tidak dilakukan.</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Be sure that you host your own images, so you're not stealing bandwidth of the current host.</span> Pastikan Anda meng-host gambar Anda sendiri, sehingga anda tidak mencuri bandwidth yang sekarang host.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">You can host images at websites such as photobucket.com or imageshack.us.</span> Anda dapat host gambar di situs-situs seperti photobucket.com atau imageshack.us.</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">The <marquee> tag is not an official html tag as defined by the W3C (World Wide Web Consortium) and may not work in all browsers.</span> <marquee> Tag yang tidak resmi sebagai html tag yang didefinisikan oleh W3C (World Wide Web Consortium) dan tidak dapat bekerja di semua browser.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">This tag was created and first supported by Internet Explorer and now has some legacy support by other browsers.</span> Tag ini pertama kali diciptakan dan didukung oleh Internet Explorer dan kini telah beberapa legacy mendukung oleh browser lainnya.</span> </li></ul><p> <br /></p></div><div id="thingsyoullneed"><a name="Things_You.27ll_Need" id="Things_You.27ll_Need"></a><h2> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><span class="editsection1">[ <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D4&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhhxvKGkse_50w7ljym3bzbPkt8W-g" title="Sunting bagian: Things You'll Need">edit</a> ]</span> <span>Things You'll Need</span></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D4&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhhxvKGkse_50w7ljym3bzbPkt8W-g" title="Sunting bagian: Things You'll Need"><span class="editsection1">[Edit]</span></a> <span>Things You'll Need</span></span> </h2><ul><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Typing program such as Notepad (for Windows) or Textedit (for Mac).</span> Mengetik program seperti Notepad (untuk Windows) atau Textedit (untuk Mac).</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Computer with an internet connection</span> Komputer dengan koneksi internet</span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">File manager of some sort such as "WINZIP"(optional)</span> File manager dari beberapa macam seperti "WinZip" (opsional)</span> </li></ul><p> <br /></p></div><div id="relatedwikihows"><a name="Related_wikiHows" id="Related_wikiHows"></a><h2> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><span class="editsection1">[ <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D5&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhiO-Blz7etfNWWRl3eakrC6ehpLbw" title="Sunting bagian: wikiHows terkait">edit</a> ]</span> <span>Related wikiHows</span></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/index.php%3Ftitle%3DCreate-a-Simple-Web-Page-With-HTML%26action%3Dedit%26section%3D5&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhiO-Blz7etfNWWRl3eakrC6ehpLbw" title="Sunting bagian: wikiHows terkait"><span class="editsection1">[Sunting]</span></a> <span>Terkait wikiHows</span></span> </h2><ul><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Create-a-Website&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhiOGWLaXcjYAlDMzQ_ecX7iZJyy0Q" class="mw-redirect" title="Buat Website">How to Create a Website</a></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Create-a-Website&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhiOGWLaXcjYAlDMzQ_ecX7iZJyy0Q" class="mw-redirect" title="Buat Website">Cara Buat Website</a></span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Choose-a-Web-Host&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhiwzsXbvmbzbUbwSIgaQ09LtzEfxA" title="Pilih Web Host">How to Choose a Web Host</a></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Choose-a-Web-Host&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhiwzsXbvmbzbUbwSIgaQ09LtzEfxA" title="Pilih Web Host">Cara Pilih Web Host</a></span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Improve-the-Readability-of-Your-Software-Code&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhhwsjBzt1OJ8jz01bGH_MT7m8oBuw" title="Meningkatkan Keterbacaan yang Anda Kode Software">How to Improve the Readability of Your Software Code</a></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Improve-the-Readability-of-Your-Software-Code&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhhwsjBzt1OJ8jz01bGH_MT7m8oBuw" title="Meningkatkan Keterbacaan yang Anda Kode Software">Cara Meningkatkan Keterbacaan yang Anda Kode Software</a></span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Start-a-Blog&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhj7rlRuUq-egvVjBDCoazZyhVmgTw" title="Memulai sebuah Blog">How to Start a Blog</a></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Start-a-Blog&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhj7rlRuUq-egvVjBDCoazZyhVmgTw" title="Memulai sebuah Blog">Cara Memulai Blog</a></span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Put-a-Digg-Counter-on-a-Webpage&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhjaMIjXUb4L7fQFT7VBwIiDvjWfuA" class="mw-redirect" title="Masukkan Digg Counter pada Webpage">How to Put a Digg Counter on a Webpage</a></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Put-a-Digg-Counter-on-a-Webpage&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhjaMIjXUb4L7fQFT7VBwIiDvjWfuA" class="mw-redirect" title="Masukkan Digg Counter pada Webpage">Bagaimana Masukkan Digg Counter pada Webpage</a></span> </li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Delete-a-Webpage-Using-Macromedia-Dreamweaver&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhgYVapWRUwZa1NlPsSbnK69U-zhGQ" class="mw-redirect" title="Menghapus Halaman Web Menggunakan Macromedia Dreamweaver">How to Delete a Webpage Using Macromedia Dreamweaver</a></span> <a href="http://74.125.19.132/translate_c?hl=id&langpair=en%7Cid&u=http://www.wikihow.com/Delete-a-Webpage-Using-Macromedia-Dreamweaver&prev=/translate_s%3Fhl%3Did%26q%3Dlangkah-langkah%2Bmembuat%2Bweb%2Bgratis%26sl%3Did%26tl%3Den&usg=ALkJrhgYVapWRUwZa1NlPsSbnK69U-zhGQ" class="mw-redirect" title="Menghapus Halaman Web Menggunakan Macromedia Dreamweaver">Cara Menghapus Halaman Web Menggunakan Macromedia Dreamweaver</a></span> </li></ul></div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn'>Dunia Maya</span> </span> <span class='post-timestamp'> at <a class='timestamp-link' href='http://farmasi-hacker.blogspot.com/2009/03/cara-buat-sederhana-halaman-web-dengan.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-04-01T02:43:00+08:00'>Rabu, April 01, 2009</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='star-ratings'> </span> <span class='post-comment-link'> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-action'> <a href='https://www.blogger.com/email-post.g?blogID=2632447328806960825&postID=6001717635189667999' title='Posting Email'> <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/> </a> </span> <span class='item-control blog-admin pid-472646158'> <a href='https://www.blogger.com/post-edit.g?blogID=2632447328806960825&postID=6001717635189667999&from=pencil' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> Labels: <a href='http://farmasi-hacker.blogspot.com/search/label/web' rel='tag'>web</a> <h6 class='date-header'>1 Apr 2009</h6> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4> 0 comments: </h4> <dl class='avatar-comment-indent' id='comments-block'> </dl> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Posting Komentar</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/2632447328806960825?po=6001717635189667999&hl=id' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <!--Can't find substitution for tag [post.friendConnectJs]--> <script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html', '0'); </script> </div> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> <!--Can't find substitution for tag [adEnd]--> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://farmasi-hacker.blogspot.com/2009/03/percepat-download-firefox-anda-berkali.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://farmasi-hacker.blogspot.com/2009/03/trik-merubah-windows-xp-menjadi-genuine.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a> </span> <a class='home-link' href='http://farmasi-hacker.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> </div></div> </div> </div> <div class='clear'></div> <div class='tabdiv' id='imageg'> <div class='imagegallery section' id='FaceBlog4'><div class='widget HTML' data-version='1' id='HTML100'> <div class='widget-content'> <div id='hoverbox-wrapper'> <ul class='hoverbox'> </ul> </div> <div id='hoverbox-wrapper-b'></div> </div> <div class='clear'></div> </div></div> <div class='widget-mid no-items section' id='FaceBlog1'></div> </div> <div class='clear'></div> <div class='tabdiv' id='videog'> <div class='widget-mid section' id='FaceBlog5'><div class='widget HTML' data-version='1' id='HTML101'> <h2 class='title'>Video Gallery</h2> <div class='widget-content'> </div> <div class='clear'></div> </div></div> <div class='widget-mid no-items section' id='FaceBlog2'></div> </div> </div> </div> <div id='post-right-side'> <div class='faceblog12 section' id='FaceBlog12'><div class='widget HTML' data-version='1' id='HTML2'> <div class='widget-content'> <!-- Counter Code START --> <a href="http://www.redcounter.net" target="_blank"><img src="http://www.redcounter.net/services/imagedigits/counter.php?aut=98454b05aeee71c501d0fcc25374175353115e30f320a71b230639c987ae5db2c90972f315bc038a8d7e3a1c6589d2663a37507b7bcd2d322232d67d87b3714ea0b8242388ca4913" alt=" free web counter Counter Powered by RedCounter" border="0" /></a><br /><a href="http://www.scriptme.com/" title="Free PHP scripts" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 7px; color: #000000; text-decoration: none;">Free scripts</a> <!-- Counter Code END --> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML130'> <div id='feedpost'> <div class='widget-content'> </div> </div> <div class='clear'></div> </div></div> <div class='sidebar-r section' id='FaceBlog13'> <div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>Leave a comment</h2> <div class='widget-content'> <!-- Facebook Badge START --><a style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal;font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" href="http://www.facebook.com/people/Rahman-Tirta-Anugrah/1726830889" target="_TOP" title="Rahman Tirta Anugrah's Facebook profile">Rahman Tirta Anugrah's Profile</a><br/><a href="http://www.facebook.com/people/Rahman-Tirta-Anugrah/1726830889" target="_TOP" title="Rahman Tirta Anugrah's Facebook profile"><img alt="Rahman Tirta Anugrah's Facebook profile" style="border: 0px;" src="http://badge.facebook.com/badge/1726830889.22.591936018.png"/></a><br/><a style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal;font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" href="http://www.facebook.com/badges.php" target="_TOP" title="Make your own badge!">Create Your Badge</a><!-- Facebook Badge END --> </div> <div class='clear'></div> </div></div> </div> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer'> <span class='dleft'>Faceblog © 2010 <a href='http://farmasi-hacker.blogspot.com/'>DUNIA MAYA</a></span> <span class='dright'><a href='http://new-faceblog.blogspot.com'>New Faceblog v2.0</a> Designed by : <a href='http://edopranata.blogspot.com'>Edo Pranata</a> Blogger XML Coded by <a href='http://edopranata.blogspot.com' target='_blank' title='Edo Pranata'>Edo Pranata</a></span> </div> </div><!-- end outer-wrapper --> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY69fNz2sOG0NdSoDqH-VXwarvI7GQ:1714622879590';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2632447328806960825','//farmasi-hacker.blogspot.com/2009/03/cara-buat-sederhana-halaman-web-dengan.html','2632447328806960825'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2632447328806960825', 'title': 'DUNIA MAYA', 'url': 'http://farmasi-hacker.blogspot.com/2009/03/cara-buat-sederhana-halaman-web-dengan.html', 'canonicalUrl': 'http://farmasi-hacker.blogspot.com/2009/03/cara-buat-sederhana-halaman-web-dengan.html', 'homepageUrl': 'http://farmasi-hacker.blogspot.com/', 'searchUrl': 'http://farmasi-hacker.blogspot.com/search', 'canonicalHomepageUrl': 'http://farmasi-hacker.blogspot.com/', 'blogspotFaviconUrl': 'http://farmasi-hacker.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22DUNIA MAYA - Atom\x22 href\x3d\x22http://farmasi-hacker.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22DUNIA MAYA - RSS\x22 href\x3d\x22http://farmasi-hacker.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22DUNIA MAYA - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2632447328806960825/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22DUNIA MAYA - Atom\x22 href\x3d\x22http://farmasi-hacker.blogspot.com/feeds/6001717635189667999/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/c5033d8b5ec2e8d3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '6001717635189667999', 'postImageUrl': '\\', 'pageName': ' Cara Buat Sederhana Halaman Web Dengan HTML ', 'pageTitle': 'DUNIA MAYA: Cara Buat Sederhana Halaman Web Dengan HTML '}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': ' Cara Buat Sederhana Halaman Web Dengan HTML ', 'description': '\r Yes, you can make a webpage without learning HTML. Ya, Anda dapat membuat halaman web tanpa belajar HTML. But should you? Tetapi jika...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tYvDSSupi151NjDzlamDs23kIU7ARJCEWQLZ_ILEcNWZIg0_PBSY2Wwg', 'url': 'http://farmasi-hacker.blogspot.com/2009/03/cara-buat-sederhana-halaman-web-dengan.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6001717635189667999}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'menu-facebook', document.getElementById('HTML20'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'faceblog14', document.getElementById('HTML11'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'faceblog6', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'faceblog6', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML100', 'FaceBlog4', document.getElementById('HTML100'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML101', 'FaceBlog5', document.getElementById('HTML101'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'FaceBlog12', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML130', 'FaceBlog12', document.getElementById('HTML130'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'FaceBlog13', document.getElementById('HTML1'), {}, 'displayModeFull')); </script> </body> </html>