Jumat, 23 Juli 2010

HTML

HTML - Belajar HTML yang merupakan dasar dari pembuatan website

Artikel HTML

  • Home
    • » HTML
      • » Belajar HTML yang merupakan dasar dari pembuatan website

Belajar HTML yang merupakan dasar dari pembuatan website

Oct 08 2007

Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Dibaca 48115 kali

Langsung lihat komentar

Ini merupakan artikel pertama yang saya tulis di website saya ini. Karena diwebsite ini saya akan membagi-bagikan ilmu apa aja tentang pembuatan website, maka kita pelajari biangnya dulu, dasar dari semua dasar pembuatan website yaitu HTML.

HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.

Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.

HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.

Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.

Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.

Sekarang buka saja notepad anda dan kita mulai.

Kode HTML pertama

Buka notepad dan tuliskan kode dibawah ini

Hello World

Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:

Hello World!!

Oke jadi apa yang dimaksud oleh "<" dan ">", ketika anda menuliskan sesuatu diantara tanda "<" dan ">" maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag maksudnya untuk memulai huruf tebal (bold) dan tag merupakan tag penutup untuk menghentikan huruf tebal.

Sebuah halaman HTML yang baik harus memiliki tag dan , tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.

Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).

Containers

Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:

Hello World!!

Hasil:

Hello World!!

Tag berguna untuk memiringkan teks (italic) tag memiliki penutup yaitu . Tag penutup selalu ditandai dengan "/". Contoh diatas terdapat teks World!! diantara tag pembuka dan tag penutup sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.

Standalone Tag

Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah
yang berguna untuk memberi jarak antar teks dan tag


untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.

Atribut

Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda "=" sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:

Hello  face="verdana" size="2" color="red">World!!

Hasilnya:

Hello World!!

Tulisan World!! terletak ditengah tag nah tag memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut. Bagaimana? lanjut?

HTML Entity

Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:

Saya belajar web

Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:

Saya belajar    web

HTML entity selalu diawali dengan "&" dan diakhiri dengan ";" ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.

Struktur Dokumen HTML

Tadi sudah saya katakan bahwa HTML yang baik memiliki tag dan . mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag tidak memiliki atribut tetapi memiliki container khusus didalam header seperti , , dan </code>. Tag <code><body></code> mendefinisikan awal dari isi website dan ditutup dengan <code></body></code>. Tag <code><body></code> berisi isi dokumen yang akan tampil di browser anda. Oke sekarang cobalah kode berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><html></span> <br /><span class="sh_keyword"><head></span> <br /><span class="sh_keyword"><title></span>Your title<span class="sh_keyword">

bgcolor="#cccccc">
Hello World!!



Hasilnya didalam Microsoft Internet Explorer :
Contoh HTML dasar

Anda lihat teks yang berada diantara tag </code> muncul dibagian atas browser. Apapun yang anda tulis diantara tag <code><body></code> akan muncul sebagai isi dari website anda. Jika anda lihat terdapat tag <code><body bgcolor="#cccccc"></code> bgcolor merupakan atribut dari <code><body></code> yang berguna untuk memberi warna pada background halaman website. Pelajari dan pahami kode tersebut maka anda akan mudah untuk mempelajari kode selanjutnya.</p> <h4>Susun file Anda</h4> <p class="content">Sangat penting untuk meletakkan file-file HTML anda. Akan lebih baik jika anda membuat folder untuk meletakkan file-file HTML dan didalamnya anda membuat subfolder (misalnya images) untuk menyimpan file-file gambar. Semakin sering anda membuat website anda akan semakin berpengalaman dan mengetahui teknik dalam menyusun file. Jadi ini tergantung pengalaman anda.</p> <h4>index.html</h4> <p class="content">Ketika anda membuka dhimasronggobramantyo.com/belajar.html maka otomatis browser akan membuka file belajar.html. Tetapi jika kita membuka dhimasronggobramantyo.com saja, file apa yang dibuka? Semua server web otomatis akan mencari file index.html.</p> <p class="content">Karena itu jika website anda memiliki banyak halaman, anda harus memiliki sebuah file index.html yang akan menjadi halaman pertama dari website anda.</p> <p class="content">Oke, sekarang kita pelajari tag-tag HTML yang penting. Semua kode HTML berikut ini harus ditulis didalam tag <code><body></code> </p> <h4>Teks dan Paragraf</h4> <p class="content">Header/judul akan membuat mata pembaca tertuju pada judul dan tertarik untuk membacanya. Dengan menggunakan tag heading maka search engine dapat membaca seberapa penting isi dari suatu website.</p> <p class="content">Heading merupakan container yang diawali dengan tag <code><h1></code> dan ditutup dengan tag <code></h1></code>. Ada 6 level heading mulai dari h1 sampai h6.</p> <p class="content">Cobalah kode berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><h1></span>My First HTML<span class="sh_keyword"></h1></span> <br /><span class="sh_keyword"><h2></span>My First HTML<span class="sh_keyword"></h2></span> <br /><span class="sh_keyword"><h3></span>My First HTML<span class="sh_keyword"></h3></span> <br /><span class="sh_keyword"><h4></span>My First HTML<span class="sh_keyword"></h4></span> <br /><span class="sh_keyword"><h5></span>My First HTML<span class="sh_keyword"></h5></span> <br /><span class="sh_keyword"><h6></span>My First HTML<span class="sh_keyword"></h6></span> <br /></pre> </div> <p class="content">Hasil: <br /><img src="http://www.dhimasronggobramantyo.com/images/artikel/contohh.gif" alt="Contoh penggunaan tag Heading" class="imagestengah" width="240" height="226"> </p> <p class="content">Saya rasa anda dapat dengan mudah memahami kode tersebut, sekarang kita coba tag HTML penting lainnya. <code><p></code> digunakan untuk membuat paragraf, ini merupakan salah satu tag yang banyak digunakan, tag penting lainnya adalah <code><b></code> untuk <b>menebalkan</b>,<code><i></code> untuk <em>memiringkan</em> dan <code><u></code> untuk <span style="text-decoration: underline;">garis bawah</span> </p> <p class="content">Sekarang coba kode berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><p></span>Halo, nama saya <span class="sh_keyword"><b></span>Budi<span class="sh_keyword"></b></span> dan <br />saya ingin belajar HTML.<span class="sh_keyword"></p></span> <br /><span class="sh_keyword"><p></span>Ini merupakan <span class="sh_keyword"><i></span>kode HTML pertama saya<span class="sh_keyword"></i></span> dan saya <br />belajar untuk <span class="sh_keyword"><u></span>memformat<span class="sh_keyword"></u></span> teks dalam HTML <span class="sh_keyword"></p></span> <br /></pre> </div> <p class="content">Bagaimana hasilnya? silahkan anda coba sendiri, jika anda selalu melihat contoh dihalaman ini, anda tidak akan mencoba :) </p> <p class="content">Beberapa tag mempunyai atribut ALIGN, termasuk <code><p></code> dan <code><h1> - <h6></code>. ALIGN berguna untuk membuat teks rata kiri, tengah atau kanan. Cobalah kode berikut:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><h1</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span><span class="sh_keyword">></span>Nama saya Jono<span class="sh_keyword"></h1></span> <br /><span class="sh_keyword"><p></span>Halo nama saya Jono dan saya lagi belajar HTML<span class="sh_keyword"></p></span> <br /><span class="sh_keyword"><p</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"right"</span><span class="sh_keyword">></span>James, 2006<span class="sh_keyword"></p></span> <br /></pre> </div> <p class="content">Hasilnya: <br /><img src="http://www.dhimasronggobramantyo.com/images/artikel/contohalign.gif" alt="Contoh penggunaan Alignment" class="imagestengah" width="537" height="117"> </p> <p class="content">Anda dapat mengubah jenis huruf, ukuran dan warna. Untuk mengubah huruf digunakan tag <code><font></code>, tag <code><font> </code>memiliki atribut seperti face, size dan color. Contoh:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><p><font</span> <span class="sh_type">face</span><span class="sh_symbol">=</span><span class="sh_string">"Arial"</span> <span class="sh_type">size</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span> <span class="sh_type">color</span><span class="sh_symbol">=</span><span class="sh_string">"#FF0000"</span><span class="sh_keyword">></span>Nama <br />saya<span class="sh_keyword"></font></span> <br /><span class="sh_keyword"><b></span>Bambang<span class="sh_keyword"></b><font</span> <span class="sh_type">face</span><span class="sh_symbol">=</span><span class="sh_string">"Arial"</span> <span class="sh_type">size</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span><span class="sh_keyword">></span> <br />dan <span class="sh_keyword"></font><font</span> <span class="sh_type">face</span><span class="sh_symbol">=</span><span class="sh_string">"Tahoma"</span><span class="sh_keyword">></span>saya cinta rupiah<span class="sh_keyword"></font></p></span> <br /></pre></div> <p class="content">Silahkan anda coba sendiri untuk melihat seperti apa hasilnya</p> <p class="content">Didalam HTML, untuk memberi jarak anda tidak bisa hanya menekan "enter" saja. Untuk memberi jarak perbaris kita perlu tag HTML yaitu <code><br></code> sedangkan untuk spasi seperti yang sudah saya jelaskan tadi, kita perlu menggunakan HTML entity / character entity, untuk spasi character entitynya adalah <code> </code>. Langsung saja coba kode berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><p></span>Baris 1<span class="sh_keyword"><br></span>Baris 2<span class="sh_keyword"><br></span>Baris<span class="sh_preproc"> </span> 3<span class="sh_keyword"><br></span>Baris <br /><span class="sh_keyword"><b></span>4<span class="sh_keyword"></b></p></span></pre></div> <p class="content">Hasil:</p> <p class="content">Baris 1 <br />Baris 2 <br />Baris 3 <br />Baris <strong>4</strong></p> <p class="content">Untuk memberikan garis horisontal digunakan tag <code><hr></code>. Tag <code><hr></code> memiliki beberapa atribut. Tag <code><hr></code> tidak memerlukan tag penutup jadi tag <code><hr></code> merupakan standalone tag. Coba contoh berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><p></span>Halo nama saya Telo<span class="sh_keyword"></p></span> <br /><span class="sh_keyword"><hr</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"25%"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"justify"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><p></span>Saya lagi belajar membuat garis horisontal.<span class="sh_keyword"></p></span> <br /><span class="sh_keyword"><hr</span> <span class="sh_type">size</span><span class="sh_symbol">=</span><span class="sh_string">"4"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"justify"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><p></span>Matur nuwun<span class="sh_keyword"></p></span> <br /><span class="sh_keyword"><hr</span> <span class="sh_type">size</span><span class="sh_symbol">=</span><span class="sh_string">"3"</span> <span class="sh_type">noshade</span> <span class="sh_type">color</span><span class="sh_symbol">=</span><span class="sh_string">"#000000"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"25%"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"justify"</span><span class="sh_keyword">></span> <br /></pre> </div> <p class="content">Hasil: <br /><img src="http://www.dhimasronggobramantyo.com/images/artikel/contohhr.gif" alt="Contoh penggunaan Horizontal Rules" class="imagestengah" width="561" height="212"> </p> <p class="content">Seperti yang anda lihat, anda bisa memasang banyak atribut dalam satu tag. Pada tag <code><hr></code> terdapat atribut yang tidak memiliki nilai yaitu <code>noshade</code>. Memang dalam beberapa tag HTML terdapat atribut-atribut yang tidak memiliki nilai. Salah satunya adalah <code>noshade</code> yang berarti menghilangkan bayangan pada garis. Anda dapat melihat perbedaan tag <code><hr></code> yang menggunakan<code> noshade</code> dengan yang tidak pada kode diatas.</p> <p class="content">Bagaimana? mudah kan belajar HTML, jangan senang dulu sekarang kita akan mempelajari yang lebih sulit</p> <h4>Links</h4> <p class="content">Oke anda telah membuat banyak halaman HTML, sekarang bagaimana caranya anda berpindah dari satu halaman ke halaman yang lain? Apakah saya perlu menuliskan alamatnya di browser? Link adalah jawabannya. <code><a></code> merupakan tag HTML untuk membuat link agar kita dapat berpindah ke halaman lain. Tag <code><a></code> memiliki atribut yang sangat penting yaitu <code>href</code>. Langsung saja coba kode berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode">My <span class="sh_keyword"><a</span> <span class="sh_type">href</span><span class="sh_symbol">=</span><span class="sh_string">"http://www.dhimasronggobramantyo.com"</span><span class="sh_keyword">></span>Homepage<span class="sh_keyword"></a></span></pre></div> <p class="content">Hasil:</p> <p class="content">My <a href="http://www.dhimasronggobramantyo.com/">homepage</a></p> <p class="content">Jika anda lihat, maka teks homepage telah berubah menjadi link, jika anda klik maka browser akan menuju alamat yang tertera pada atribut <code>href</code>. Sekarang jika anda memiliki banyak file HTML dalam satu folder, apakah saya perlu menggunakan http:// untuk melinknya? tentu tidak anda cukup menulis nama filenya saja, asalkan file tersebut berada satu folder dengan file yang berisi link. Contoh:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode">My <span class="sh_keyword"><a</span> <span class="sh_type">href</span><span class="sh_symbol">=</span><span class="sh_string">"contact.html"</span><span class="sh_keyword">></span>homepage<span class="sh_keyword"></a></span></pre></div> <p class="content">Hasil:</p> <p class="content">My <a href="http://www.dhimasronggobramantyo.com/artikel/contact.html">homepage</a></p> <p class="content">Jika anda klik, maka browser akan membuka file contact.html yang berada pada satu folder. Bagaimana jika filenya berada difolder lain? gampang, gunakan kode berikut:</p> <div class="boxcode"><pre class="sh_html sh_sourceCode">My <span class="sh_keyword"><a</span> <span class="sh_type">href</span><span class="sh_symbol">=</span><span class="sh_string">"folder/contact.html"</span><span class="sh_keyword">></span>homepage<span class="sh_keyword"></a></span></pre></div> <p class="content">Hasil:</p> <p class="content">My <a href="http://www.dhimasronggobramantyo.com/artikel/folder/contact.html">homepage</a></p> <p class="content">Jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru, gunakan atribut <code>target="_blank"</code> seperti ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode">My <span class="sh_keyword"><a</span> <span class="sh_type">href</span><span class="sh_symbol">=</span><span class="sh_string">"http://www.dhimasronggobramantyo.com"</span> <br /><span class="sh_type">target</span><span class="sh_symbol">=</span><span class="sh_string">"_blank"</span><span class="sh_keyword">></span>homepage<span class="sh_keyword"></a></span></pre></div> <p class="content">Oke silahkan anda coba sendiri untuk melihat hasilnya, sekarang kita akan belajar tentang images</p> <h4>Images</h4> <p class="content">Pertengahan tahun 90'an website-website yang ada tidak memiliki gambar, karena browser yang ada tidak memiliki kemampuan untuk menampilkan gambar. Tetapi sekarang website tanpa gambar akan terlihat membosankan, tetapi website dengan banyak gambar akan terlihat menyebalkan, nah lo. Jadi gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan mengajarkan bagaimana cara membuat gambar disini, ada kategori lain diwebsite ini untuk belajar mendesain, anda dapat belajar menggunakan Photoshop. Gambar yang dipasang di website disarankan menggunakan bertipe file gif atau jpg. Untuk memasang image anda memerlukan tag <code><img></code>. Tag <code><img></code> tidak memerlukan penutup dan memiliki atribut <code>src</code> untuk mengambil gambar dari suatu alamat. Coba contoh berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><img</span> <span class="sh_type">src</span><span class="sh_symbol">=</span><span class="sh_string">"images/artikel/introhtml_02.gif"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"313"</span> <span class="sh_type">height</span><span class="sh_symbol">=</span><span class="sh_string">"43"</span> <br /><span class="sh_type">alt</span><span class="sh_symbol">=</span><span class="sh_string">"Contoh Gambar"</span><span class="sh_keyword">></span></pre></div> <p class="content">Hasil: <br /><img src="http://www.dhimasronggobramantyo.com/images/artikel/introhtml_02.gif" alt="Contoh Gambar" class="imagestengah" width="313" height="43"></p> <p class="content">Atribut <code>src</code> disini sama dengan atribut <code>href</code> pada tag <code><a></code> yang berisi alamat posisi gambar. Pada contoh kode diatas anda memiliki gambar introhtml_02.gif yang berada pada folder images. Jika anda tidak memiliki file tersebut maka gambar tidak ditampilkan. Atribut <code>width</code> dan <code>height</code> merupakan opsional, tapi saya sarankan untuk mencantumkannya agar browser mengetahui ukuran gambar apabila gambar gagal ditampilkan. Atribut <code>alt</code> berguna untuk menampilkan teks pada gambar jika gambar gagal ditampilkan atau belum selesai ditampilkan. Anda dapat memberikan garis tepi pada gambar dengan menambahkan atribut <code>border</code></p> <div class="boxcode"><pre class="sh_html sh_sourceCode"><span class="sh_keyword"><a</span> <span class="sh_type">href</span><span class="sh_symbol">=</span><span class="sh_string">"http://www.dhimasronggobramantyo.com"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><img</span> <span class="sh_type">border</span><span class="sh_symbol">=</span><span class="sh_string">"1"</span> <span class="sh_type">src</span><span class="sh_symbol">=</span><span class="sh_string">"images/introhtml_02.gif"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"313"</span> <br /><span class="sh_type">height</span><span class="sh_symbol">=</span><span class="sh_string">"43"</span><span class="sh_keyword">></a></span></pre></div> <p class="content">Hasil:</p> <p class="content"><a href="http://www.dhimasronggobramantyo.com/"> <img src="http://www.dhimasronggobramantyo.com/images/artikel/introhtml_02.gif" alt="Contoh Gambar" class="imagestengah" width="313" height="43"></a></p> <h4>Komentar</h4> <p class="content">Anda dapat menuliskan komentar dikode HTML, komentar berguna apabila anda ingin kembali mengutak-atik kode maka anda ingat kode tersebut fungsinya apa. Komentar hanya untuk memudahkan anda saja. Komentar tidak ditampilkan oleh browser. Untuk menulis komentar diawali dengan <!-- dan diakhiri dengan --> lihat contoh berikut ini:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_comment"><!--Kode untuk menampilkan nama saya--></span> <br /><span class="sh_keyword"><p></span>Nama saya <span class="sh_keyword"><b></span>Dhimas<span class="sh_keyword"></b></p></span></pre></div> <h4>List</h4> <p class="content">Tag list berguna untuk menampilkan list-list. Ada 3 macam jenis list pada HTML. Yang pertama adalah Unordered List <code><ul>:</code></p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><ul></span> <br /> <span class="sh_keyword"><li></span>List 1<span class="sh_keyword"></li></span> <br /> <span class="sh_keyword"><li></span>List 2<span class="sh_keyword"></li></span> <br /> <span class="sh_keyword"><li></span>List 3<span class="sh_keyword"></li></span> <br /><span class="sh_keyword"></ul></span></pre></div> <p class="content">Hasil:</p> <ul><li>List 1</li><li>List 2</li><li>List 3</li></ul> <p class="content">Tag <code><ul></code> merupakan tag pembuka. Diantara tag <code><ul></code> Anda dapat menambahkan tag <code><li></code> untuk setiap list yang akan ditampilkan. Tag list lainnya adalah Ordered List <code><ol> </code> Anda dapat menggunakannya sama seperti tag <code><ul></code> Contoh:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><ol></span> <br /> <span class="sh_keyword"><li></span>List 1<span class="sh_keyword"></li></span> <br /> <span class="sh_keyword"><li></span>List 2<span class="sh_keyword"></li></span> <br /> <span class="sh_keyword"><li></span>List 3<span class="sh_keyword"></li></span> <br /><span class="sh_keyword"></ol></span></pre></div> <p class="content">Hasil:</p> <ol><li>List 1</li><li>List 2</li><li>List 3</li></ol> <p class="content">Jika anda ingin memulai list tidak dari nomor satu tambahkan atribut <code>start</code>. Contoh:</p> <div class="boxcode"> <pre class="sh_html sh_sourceCode"><span class="sh_keyword"><ol</span> <span class="sh_type">start</span><span class="sh_symbol">=</span><span class="sh_string">"3"</span><span class="sh_keyword">></span> <br /> <span class="sh_keyword"><li></span>List 1<span class="sh_keyword"></li></span> <br /> <span class="sh_keyword"><li></span>List 2<span class="sh_keyword"></li></span> <br /> <span class="sh_keyword"><li></span>List 3<span class="sh_keyword"></li></span> <br /><span class="sh_keyword"></ol></span></pre></div> <p class="content">Hasil:</p> <ol start="3"><li>List 1</li><li>List 2</li><li>List 3</li></ol> <p class="content">Tabel merupakan hal yang paling penting dalam membuat interface website anda. Dengan tabel anda dapat memecah layout website menjadi beberapa kolom atau baris. Dengan tabel halaman website anda akan lebih rapih. </p> <div class="boxwarning">Table merupakan tag html terumit, karena didalam tag table terdapat tag-tag lainnya. Dan table sangat penting. Karena itu sebelum meneruskan, tarik nafas dalam-dalam dan konsentrasi. </div> <p class="content">Untuk membuat tabel maka diperlukan tag-tag dasar seperti ini : </p> <ul><li> <TABLE></TABLE>--Tag ini merupakan containers untuk membuat tabel.</li><li><TR></TR>--Didalam tabel tag ini berfungsi untuk membuat baris.</li><li><TD></TD>--Tag untuk membuat kolom. didalam tag <tr> harus terdapat tag <td>, anda bisa menambahkan banyak tag <td> didalam <tr> untuk membuat kolom.</li><li><TH></TH>--Sama dengan <td> hanya saja berfungsi sebagai header, biasanya digunakan pada baris pertama didalam tabel.</li></ul> <p class="content">Setiap tag tabel tersebut memiliki banyak atribut. Oke langsung saja coba kode berikut ini:</p> <p class="content">Contoh:</p> <div class="boxcode"><pre class="sh_html sh_sourceCode"><span class="sh_keyword"><table</span> <span class="sh_type">border</span><span class="sh_symbol">=</span><span class="sh_string">"1"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"60%"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td></span>Contoh Table<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"></table></span></pre> </div> <p class="content">Hasilnya:</p> <p class="content"> </p><table border="1" width="60%"> <tbody><tr> <td> <p align="justify">Contoh Tabel</p></td> </tr> </tbody></table> <p class="content">Tabel diawali dengan tag <code><table></code> dan biasanya memiliki atribut <code>border. </code>Jika <code>border="0"</code> maka garis pada tabel tidak ditampilkan. Biasanya jika kita tidak menampilkan atribut border maka otomatis tabel tersebut juga tidak memiliki garis. <code><table></code> memiliki atribut <code>cellpadding</code> untuk memberi jarak didalam kolom dan <code>cellspacing</code> untuk memberi jarak antara kolom. Coba kode berikut ini:</p> <div class="boxcode"><pre class="sh_html sh_sourceCode"><span class="sh_keyword"><table</span> <span class="sh_type">border</span><span class="sh_symbol">=</span><span class="sh_string">"1"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"200"</span> <span class="sh_type">cellpadding</span><span class="sh_symbol">=</span><span class="sh_string">"4"</span> <span class="sh_type">cellspacing</span><span class="sh_symbol">=</span><span class="sh_string">"5"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>Cell 1<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>Cell 2<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"></table></span></pre></div> <p class="content">Hasil:</p> <p class="content"> </p><table border="1" cellpadding="4" cellspacing="5" width="200"> <tbody><tr> <td width="100"> <p align="justify">Cell 1</p></td> <td width="100"> <p align="justify">Cell 2</p></td> </tr> </tbody></table> <p class="content">Coba anda ubah nilai dari atribut <code>cellpadding</code> dan <code>cellspacing</code> untuk melihat perbedaannya, cobalah untuk mengutak-atik kode diatas dengan mengubah nilai-nilai atributnya.</p> <p class="content">Setiap tabel memiliki baris dengan menggunakan tag <code><tr></code>. Didalam baris perlu sebuah kolom atau lebih, kolom dibuat dengan menggunakan tag <code><td></code>. Untuk lebih jelasnya cobalah kode berikut ini:</p> <div class="boxcode"><pre class="sh_html sh_sourceCode"><span class="sh_keyword"><table</span> <span class="sh_type">border</span><span class="sh_symbol">=</span><span class="sh_string">"1"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"200"</span> <span class="sh_type">cellpadding</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span><span class="sh_keyword">></span> <br /> <span class="sh_keyword"><tr></span> <br /> <span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#C0C0C0"</span><span class="sh_keyword">><b></span>Header<span class="sh_keyword"></b></td></span> <br /> <span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#C0C0C0"</span><span class="sh_keyword">><b></span>Header<span class="sh_keyword"></b></td></span> / <br /> <span class="sh_keyword"></tr></span> <br /> <span class="sh_keyword"><tr></span> <br /> <span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>cell 1<span class="sh_keyword"></td></span> <br /> <span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>cell 2<span class="sh_keyword"></td></span> <br /> <span class="sh_keyword"></tr></span> <br /> <span class="sh_keyword"><tr></span> <br /> <span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>cell 3<span class="sh_keyword"></td></span> <br /> <span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>cell 4<span class="sh_keyword"></td></span> / <br /> <span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"></table></span></pre> </div> <p class="content">Hasil:</p> <p class="content"> </p><table border="1" cellpadding="2" width="200"> <tbody><tr> <td align="center" bgcolor="#c0c0c0" width="100"> <p align="justify"><b>Header</b></p></td> <td align="center" bgcolor="#c0c0c0" width="100"> <p align="justify"><b>Header</b></p></td> </tr> <tr> <td width="100"> <p align="justify">cell 1</p></td> <td width="100"> <p align="justify">cell 2</p></td> </tr> <tr> <td width="100"> <p align="justify">cell 3</p></td> <td width="100"> <p align="justify">cell 4</p></td> </tr> </tbody></table> <p class="content">Bagaimana anda mengerti maksudnya kode diatas, coba anda pahami dulu. Pada kode diatas terdapat atribut <code>bgcolor</code> yang berguna untuk memberi warna pada background. Didalam kolom <code><td></code> anda dapat menuliskan kode HTML apa saja, bahkan anda dapat memasang tag <code><table></code> didalamnya, yang berarti anda memasang tabel didalam tabel. Contoh lainnya:</p> <div class="boxcode"><pre class="sh_html sh_sourceCode"><span class="sh_keyword"><table</span> <span class="sh_type">border</span><span class="sh_symbol">=</span><span class="sh_string">"1"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"200"</span> <span class="sh_type">cellpadding</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#C0C0C0"</span><span class="sh_keyword">><b></span>Header<span class="sh_keyword"></b></td></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#C0C0C0"</span><span class="sh_keyword">><b></span>Header<span class="sh_keyword"></b></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">rowspan</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span> <span class="sh_type">valign</span><span class="sh_symbol">=</span><span class="sh_string">"top"</span><span class="sh_keyword">></span>cell 1<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>cell 2<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span><span class="sh_keyword">></span>cell 4<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"></table></span></pre></div> <p class="content">Hasilnya:</p> <p class="content"> </p><table border="1" cellpadding="2" width="200"> <tbody><tr> <td align="center" bgcolor="#c0c0c0" width="100"> <p align="justify"><b>Header</b></p></td> <td align="center" bgcolor="#c0c0c0" width="100"> <p align="justify"><b>Header</b></p></td> </tr> <tr> <td rowspan="2" valign="top" width="100"> <p align="justify">cell 1</p></td> <td width="100"> <p align="justify">cell 2</p></td> </tr> <tr> <td width="100"> <p align="justify">cell 4</p></td> </tr> </tbody></table> <p class="content">Anda lihat ada atribut <code>rowspan="2" </code>ini berguna untuk menggabungkan 2 baris menjadi satu, jika anda ingin menggabungkan lebih dari 2 baris, ubah saja nilainya. Bagaiman susah? coba anda pelajari terus. Jika sudah coba anda pahami kode berikut ini:</p> <div class="boxcode"><pre class="sh_html sh_sourceCode"><span class="sh_keyword"><table</span> <span class="sh_type">border</span><span class="sh_symbol">=</span><span class="sh_string">"0"</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"200"</span> <span class="sh_type">cellpadding</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span> <span class="sh_type">cellspacing</span><span class="sh_symbol">=</span><span class="sh_string">"1"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#000000"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#C0C0C0"</span><span class="sh_keyword">><b></span>Header<span class="sh_keyword"></b></td></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#C0C0C0"</span><span class="sh_keyword">><b></span>Header<span class="sh_keyword"></b></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">valign</span><span class="sh_symbol">=</span><span class="sh_string">"top"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#CCCCCC"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"left"</span><span class="sh_keyword">></span>Left<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"100"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#CCCCCC"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"right"</span><span class="sh_keyword">></span>Right<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"200"</span> <span class="sh_type">valign</span><span class="sh_symbol">=</span><span class="sh_string">"top"</span> <span class="sh_type">colspan</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#FFFFFF"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span><span class="sh_keyword">></span> <br />Table is cool<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"><tr></span> <br /><span class="sh_keyword"><td</span> <span class="sh_type">width</span><span class="sh_symbol">=</span><span class="sh_string">"200"</span> <span class="sh_type">valign</span><span class="sh_symbol">=</span><span class="sh_string">"top"</span> <span class="sh_type">colspan</span><span class="sh_symbol">=</span><span class="sh_string">"2"</span> <span class="sh_type">bgcolor</span><span class="sh_symbol">=</span><span class="sh_string">"#FFFFFF"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span><span class="sh_keyword">></span> <br />But it's not easy<span class="sh_keyword"></td></span> <br /><span class="sh_keyword"></tr></span> <br /><span class="sh_keyword"></table></span></pre> </div> <p class="content">Hasil:</p> <p class="content"> </p><table bgcolor="#000000" border="0" cellpadding="2" cellspacing="1" width="200"> <tbody><tr> <td align="center" bgcolor="#c0c0c0" width="100"> <p align="justify"><b>Header</b></p></td> <td align="center" bgcolor="#c0c0c0" width="100"> <p align="justify"><b>Header</b></p></td> </tr> <tr> <td align="left" bgcolor="#cccccc" valign="top" width="100"> <p align="justify">Left</p></td> <td align="right" bgcolor="#cccccc" width="100"> <p align="justify">Right</p></td> </tr> <tr> <td colspan="2" align="center" bgcolor="#ffffff" valign="top" width="200"> <p align="justify">Table is cool</p></td> </tr> <tr> <td colspan="2" align="center" bgcolor="#ffffff" valign="top" width="200"> <p align="justify">But it's not easy</p></td> </tr> </tbody></table> <p class="content">Anda sudah mengetahui dasar-dasar HTML. Masih banyak lagi tag-tag HTML lainnya seperti <code>frames </code>dan <code>form</code>. Saya akan mengajarkan <code>frames</code> diartikel lainnya, tetapi <code>frames</code> harus dihindari dalam membuat website, alasan utama apa yang ada didalam <code>frames</code> tidak terbaca oleh Search Engine. Tag <code>form</code> hanya dibutuhkan apabila anda membuat website dinamis menggunakan bahasa pemrograman web seperti PHP, ASP, Perl atau JSP.</p> <p class="content">Sekarang kita akan membicarakan tag <code><META></code>. Tag <code><META></code> digunakan agar search engine mengenal dan dapat mengkategorisasikan website anda, gampangnya agar search engine mengetahui website anda isinya tentang apa. Tetapi tidak semua search engine membaca tag <code><META></code> tetapi sebagian besar membaca tag ini, jadi kita perlu menyertakannya pada website kita. Tag <code><META></code> berada diantara tag <code><head></code> bukan <code><body></code> yang berarti isi tag tersebut tidak ditampilkan dibrowser.</p> <p class="content">Sebenarnya apa sih kegunaan Search Engine dan apa pengaruhnya untuk website? Saya akan jelaskan secara gampang, anda memiliki website katakan websitesaya.com, nah bagaiman milyaran pengguna internet dapat mengetahui kalau ada sebuah situs websitesaya.com diantara ratusan juta situs lainnya. Pengguna internet banyak yang melakukan pencarian melalui search engine seperti <a href="http://www.google.com/">google</a> atau <a href="http://www.yahoo.com/">yahoo</a>. Jika mereka melakukan pencarian dan situs anda muncul pada hasil pencarian tersebut, maka anda mendapatkan pengunjung yang mengunjungi website anda. Bagaimana agar website saya ada di google atau search engine lainnya? ya dengan menggunakan <code><META></code> maka search engine akan mengenali website anda. Sebenarnya prosesnya jauh lebih rumit, search engine memiliki perhitungannya sendiri seperti ranking, backlink, recipocal link, tetapi kita ambil gampangnya saja.</p> <p class="content">Oke anda sudah mengerti pentingnya tag <code><META></code>Tag <code><META></code> memiliki atribut yang paling penting <code>Keywords</code> dan <code>DESCRIPTION</code> dimana kita memasukkan deskripsi dan kata kunci yang berhubungan dengan website kita.</p> <p class="content">Sebagai contoh misalnya kita memiliki website kecoak.com yang berisi bagaimana cara memelihara dan beternak kecoa. Maka kira-kira kita perlu membuat meta seperti ini:</p> <div class="boxcode"><pre class="sh_html sh_sourceCode"><span class="sh_keyword"><html></span> <br /><span class="sh_keyword"><head></span> <br /><span class="sh_keyword"><META</span> <span class="sh_type">content</span><span class="sh_symbol">=</span><span class="sh_string">"kecoak.com"</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_type">AUTHOR</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><META</span> <span class="sh_type">content</span><span class="sh_symbol">=</span><span class="sh_string">"Cara memelihara dan beternak kecoak."</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_type">description</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><META</span> <span class="sh_type">content</span><span class="sh_symbol">=</span><span class="sh_string">"kecoak, beternak, memelihara, coro, ternak, pelihara"</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_type">keywords</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><META</span> <span class="sh_type">content</span><span class="sh_symbol">=</span><span class="sh_string">"INDEX, FOLLOW"</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_type">ROBOTS</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><META</span> <span class="sh_type">http-equiv</span><span class="sh_symbol">=</span><span class="sh_string">"Content-Language"</span> <span class="sh_type">content</span><span class="sh_symbol">=</span><span class="sh_string">"en-us"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><META</span> <span class="sh_type">http-equiv</span><span class="sh_symbol">=</span><span class="sh_string">"Content-Type"</span> <span class="sh_type">content</span><span class="sh_symbol">=</span><span class="sh_string">"text/html; charset=windows-1252"</span><span class="sh_keyword">></span> <br /><span class="sh_keyword"><title></span>Ternak Kecoak<span class="sh_keyword">

Kira-kira seperti itu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari. Teruslah mencoba agar anda semakin ahli.

Simpan artikel ini ke: Digg  it Del.icio.us Furl Reddit

Komentar [161]

1
Komentar Dikirim oleh chandra pada 27 Oktober 2007 09:41:20 WIB

kode navigation

2
Komentar Dikirim oleh Sulistyo pada 29 Oktober 2007 03:12:06 WIB

Assalamu'alaikum
saya pemula dalam html, bisakah saya mendapatkan artikel-artikel anda untuk saya pelajari di rumah karena saya harus ke warnet tiap kali membuka web anda. Jika berkenan mohon kirimkan artikel anda melalui e-mail saya : zilluz9walli@yahoo.com
sebelumnya saya ucapkan banyak terima kasih
Wassalamu'alaikum

3
Komentar Dikirim oleh Andi Reza pada 29 Oktober 2007 05:29:51 WIB

Assalamualaikum
wah..artikel yang sangat berguna bagi pemula seperti saya...minta tolong donk..kira2 server website yg pling mudah dipelajari tu situsnya apa ya???
dan kira2 berapa biaya perbulannya???
Kalo anda sendiri memakai server apa untuk buat web ini??keren banget....
tolong kirimkan saya info masalah ini ya..
ke : andi_salvo@yahoo.co.id
trims

4
Komentar Dikirim oleh Dhimas pada 30 Oktober 2007 07:57:30 WIB

to Sulistyo

hmmm, saya malah belum kepikiran untuk membuat artikel2 terebut keformat lain. Mungkin nanti suatu saat saya akan konvert semuanya ke pdf, tapi kalo artikelnya udah banyak. Btw saya juga kalo internet lewat warnet kok.

to Andi Reza

Saya hosting semua website saya make masterwebnet. Dulu masterwebnet bagus tapi sekarang mulai payah, layanan support ama billingnya mulai jelek. Kebanyakan pelanggan kali, tapi mau gimana lagi layanan hosting lainnya lebih parah. Mau yg bagus ya pake layanan hosting dari luar negri

5
Komentar Dikirim oleh priyo adhi nugroho pada 04 November 2007 06:57:37 WIB

ini bagus sekali buat pemula..
tapi ajarin saya dong ?!
tolong telepon saya 02199776192

6
Komentar Dikirim oleh derek pada 06 November 2007 10:32:07 WIB

Bagaimana pun, saya harus mengakui kebaikan dan Kelebihan bung DHIMAS RONGGO BRMANTYO dalam membagi pengetahuannya, karena hal ini sangat berguna bagi saya yang buta tehnologi ini.
Kalau semua orang mau seperti bung DIMAS, saya yakin istilah katrok tdk akan berlaku lagi.

salam hangat,

derek

7
Komentar Dikirim oleh agoes pada 07 November 2007 04:10:21 WIB

makasih tutorialnya,,,,aq sdh bs buat tabel mas, tapi waktu aku pasang jaraknya dari judul posting kok jauh ke bawah,...

8
Komentar Dikirim oleh frend pada 25 November 2007 04:45:31 WIB

saya msh bljar, bisa ksh cntoh web pribadi ngga ?

9
Komentar Dikirim oleh Ketut Wirdayasa pada 01 Desember 2007 08:47:54 WIB

Sdr Dhimas adalah guru web desiner saya yang membuat saya bisa membuat website. Walaupun pengetahuan saya membuat website belum sempurna tetapi sudah ada beberapa website yg telah saya buat : www.hindu-sumbar.net dan www.boatcharters-association.com dan www.kumbang-island.com tetapi saya belum puas sampai disini karena penampilan website saya penampilannya belum cantik.

10
Komentar Dikirim oleh daru pada 07 Desember 2007 08:36:32 WIB

ass
makasih mas atas informasinya yang bagus banget
saya ingin nanya apa aja sih keuntungun kita punya web dari segi materil dan non materil
tolong jawabanya yaa
ok
kirim ke daroee@yahoo.com
hantur nuhun
terima kasih banyak

11
Komentar Dikirim oleh hulla pada 17 Desember 2007 01:41:47 WIB

heloomas..wah..thankya atas tutor html..tapi ada yang aneh..ada g yang udah jd kaya web yang mas buat ni..ya pengen tau sih karna tugas.

12
Komentar Dikirim oleh Ajie pada 21 Desember 2007 01:55:01 WIB

Halluu Mas..Quw mo tanya,,gimana sich cara buat tulisan biar bisa berjalan dan kerlap-kerlip??yang saya tau cuma tulisan yang berjalan tapi yang formatnya Marquee & marquee behaivor=alternate...kalo yang lainya itu ada ga???sekalian minta contoh web site yang dibuat dari front page...
Ta tunggu jawabannya ya mass..
key
kirim aza ke Cah_futsal@yahoo.co.id
Thanx Before

13
Komentar Dikirim oleh hillda z pada 30 Desember 2007 02:47:46 WIB

mas tolong kirimin saya contoh notepad pembuatan web desain ke email saya ya,tolong ecepatnya cos mo ta pake disemester 2 ini.kalo ada dari berbagai program macromedia seperti dreamweaver,dll.
kirim aza ke hillda_joy14u@yahoo.com
thank's

14
Komentar Dikirim oleh Rukma pada 02 Januari 2008 03:29:19 WIB

Mas minta tolong donk... klo buat koneksiin form di dalem NOTEPAD codenya apaan...

contoh:
form page1 diisi, trus ... isinya ini nongol di page2 ...
ama code yg koneksi ke database juga ya...

sebelumnya tq

another.dayz@yahoo.co.id

15
Komentar Dikirim oleh zahra pada 09 Januari 2008 12:44:01 WIB

tengkyu

16
Komentar Dikirim oleh Panji pada 14 Januari 2008 10:07:43 WIB

mas saya masih pemula,bisa kasi contoh web pribadi??

kirim ke email saya..

Eka_panji_s@yahoo.com

17
Komentar Dikirim oleh riescha pada 16 Januari 2008 09:20:11 WIB

thanks bgt ya
tutorialnya berguna bgt

18
Komentar Dikirim oleh harryo pada 23 Januari 2008 01:07:30 WIB

mas tolong kirim contoh web pribadi ke e-mail gw y, bt tambah idea aza: sen_tan86@yahoo.com

thanks

19
Komentar Dikirim oleh udin pada 01 Februari 2008 02:50:51 WIB

Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.

emang harus gunakan program apa?
maklum msh newbie :">

20
Komentar Dikirim oleh Dhimas pada 09 Februari 2008 11:22:41 WIB

to Ajie

di html adanya marquee aja, kalo css bisa buat kelap kelip pake text-decoration:blink tapi gak jalan di IE, kalau mau kelap kelip paling bagus pake javascript.

to Hulla

hehehe apanya yang aneh, ini web juga saya buat pake dsar2 diatas + php/mysql + css + photoshop buat desain tamiplannya

to Rukma

koneksiin database ya pake php, mau proses form juga pake php, html tidak bisa memproses form.

to udin

pake program text editor, kayak editplus atau notepad++ atau notepad. Emang lebih sulit tapi nanti pasti lebih jago.

21
Komentar Dikirim oleh Coba Dong pada 16 Februari 2008 08:16:15 WIB

Bagaimana menentukan batas maksimum characters didalam cell seperti ini :
ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc maka cell akan semakin lebar

22
Komentar Dikirim oleh ie_cha pada 17 Februari 2008 03:47:09 WIB

Sebelumnya makasih atas informasinya!!
saya sedang mempelajarinya.
saya ko ga berhasil ya...hasil yang terlihat di internet explorer...bukan hasil yang diharapkan...malah seperti kode programnya. Apa yang salah ya?
trus klo mau diberi web banner yang sudah di edit di photoshop, caranya gimana ya...makasi

23
Komentar Dikirim oleh Bimakov pada 18 Februari 2008 11:46:41 WIB

@dhimas bedanya website dan web desain apa ya mas...hahah seng sabar mas!!big grin

24
Komentar Dikirim oleh Bimakov pada 18 Februari 2008 11:52:23 WIB

@UDIN ga perlu dihindari mas udin, saran saya pake frontpage/ Ms-expression emang lebih sederhana daripada Dreamweaver, tapi itu justru memudahkan.
kita kan tetep bisa utak-atik kode html dar situ atau klo mau pake notepad ya dari frontpage/xpression trus dikopi ke notepad trus dipelajari trus...trusss big grin =)) smile

25
Komentar Dikirim oleh krakra_krukru pada 20 Februari 2008 06:01:12 WIB

ThX ya Mas dah ngasih tau belajar html, jadi aku sekarang udah isa walapun sedikit-sedikit....
Mas klo punya artikel tentang html bilang ya mas!!!!!!!!!!

26
Komentar Dikirim oleh mpi pada 28 Februari 2008 03:15:10 WIB

apa ada cd software atau panduan mudah?

27
Komentar Dikirim oleh ahmad pada 24 Maret 2008 02:18:25 WIB

wah...keren Mas...Blog sama isinya..
amat bermanfaat....
jadi tambah semangat neh tuk belajar lbh banyak lagi

wassalam
http://ocehankoe.blogspot.com

28
Komentar Dikirim oleh sam nauli pada 29 Maret 2008 07:23:47 WIB

kalau bisa sih pembelajaran pembuatan web yang buat pemula juga di buat,saya rasa pembelajaran yang team ada buat sudah cukup jelas.

29
Komentar Dikirim oleh sopian pada 31 Maret 2008 12:38:35 WIB

mas makasih sekali neh udah buat web semacam ini .. udahbelajar walau masih dikit dikit .. mas bisa kirim artike buat saya .. utk belajar di rumah .. makasih mas kalo ada .. tolong mas

kirim ke kenetcarisetoran@gmail.com

30
Komentar Dikirim oleh Rahmad santoso pada 08 April 2008 02:04:49 WIB

terima kasih yach!!!!!!! kepada bapak yg telah membuat web ini yg menjelasan kan tentang html soalnya saya seorang pemula yg ingin belajar HTML tapi pada dasarnya saya nga' tau tapi setelah bapak jelasankan say suda mengerti . tapi say minta tolong!!!!!!!!!!!!!!!!! sekali kepada bapak agar berkenan menjelaskan lagi tentang cara membuat web dan cara dasar -dasar membuat web dan di kirim kealamat email saya . Tolong yach!!!!!!!!!!!!!! pak saya mohon pada bapak kirim ke emali saya ok!!!!!!!!!!

rahmad.gelo@gmail.com atau ke
rahmad.gelo@sctvnews.com
Tolong yach pak saya sangat berharap sekali

31
Komentar Dikirim oleh doez pada 09 April 2008 08:13:31 WIB

thank's

32
Komentar Dikirim oleh andra266 pada 09 April 2008 08:35:15 WIB

maacih y tp q minta yang dah jadi langsung dunk coz kan bisa di bandingin m pnya q jd pnya q bs lbh baik lagi..gitu
tankz y

33
Komentar Dikirim oleh agus pur pada 13 April 2008 12:09:26 WIB

mas mohon kiranya mas kirim artikel ini ke goesspoerr@gmail.com

34
Komentar Dikirim oleh parus pada 15 April 2008 03:57:47 WIB

apapun komentar kritik + ato -,,, ambil positif jgn pikir negatif... maz dhimas da ngasih yg terbaik untuk manusia yg mau maju belajar internet. Kalo iri lebih baik tuangkan ide positif dan keahlianmu untuk orang banyak. bukankah kita bisa belajar dari ilmu dari orang-orang terdahulu. ....

Saran untuk Maz Dhimas bagaimana jk antum mempertimbangkan bikin buku cara bikin web dari pemula hingga master ... moga-moga tercapai ...

35
Komentar Dikirim oleh aRIEL pada 16 April 2008 10:41:57 WIB

KALAU BISA lebih detail

36
Komentar Dikirim oleh DeLt_3G@yahoo.com pada 17 April 2008 08:32:06 WIB

tolong donk kasih tau formulanya biar cpet bisa html dan kasih tau juga situs apa yang paling bagus untuk belajar html dan pemrograman web lainnya......thnk

37
Komentar Dikirim oleh Agus Setia Budiawan pada 22 April 2008 12:04:37 WIB

Wa...mas terimakasih banyak nih atas artikelnya, kalo menggabungkan php kedalam html ada artikelnya ga mas?
kirimin saya ya mas...

email surprisedge152000@yahoo.com

thks
Agus

38
Komentar Dikirim oleh abdulloh pada 22 April 2008 03:33:13 WIB

mudah-mudah gampang bikin website. Saya ini sudah beberapa lama mempelajari tentang Tutorial website. apakah untuk mempraktekan apa yang kita kerjakan harus online atau cukup dengan komputer saja. tolong penjelasannya dan ini alamat Email saya dan mohon izin untuk mencoba tutorial ini.
abdulabdullloh@yahoo.co.i
(ralat email)

39
Komentar Dikirim oleh abie fanesa pada 25 April 2008 11:22:44 WIB

Saya benar2 gak ngerti cara membuat html tolong sekalian di tampilkan gambar2nya dong agar dpt mempraktekkan langsung
sebelumnya saya ucapkan terima kasih.

wassalam

abie fanesa
www.digebrine@yahoo.co.id

40
Komentar Dikirim oleh limneo pada 29 April 2008 12:59:46 WIB

terimakasih banyak, hebat sekali artikel HTMLnya
jadi lebih bisa ngerti tentang HTML & bisa Mempraktekanya

makasih banyak

41
Komentar Dikirim oleh nilakresna ayu pada 30 April 2008 09:05:55 WIB

thanxs banget atas materi-materinya.. Q jadi bisa belajar HTML dengan mudah dan mengikuti pelajaranpun dengan enjoy.. thanxs ya???? tambahin lagi dong materi-materinya....
by:nak\" mULti media pwt

42
Komentar Dikirim oleh siwu pada 15 Mei 2008 12:45:51 WIB

makasich ya...materinya....
q jadi banyak belajar darinya...he..he....

43
Komentar Dikirim oleh arif taufiq pada 26 Mei 2008 01:51:21 WIB

terimaksih mass dan saya bisa berlangganan kalo mau belajar tentang html maas.....terimaksih atas semua postingan nya yaa terimaksih wassalam....

44
Komentar Dikirim oleh Firman_FM_84 pada 27 Mei 2008 09:42:55 WIB

Thanx infonya...

ini berarti bgt buat saya..coz bisa nambah inspirasi n imajinasi saya dalam Meng- update + Upgrade otak saya, coz otak saya udah korslet....(g\' nyambung ya...) hee.... pokokna thanx bgt dah....kl bisa yang lebih komplet ya....

45
Komentar Dikirim oleh Masim man pada 02 Juni 2008 02:22:10 WIB

Thanks atas tutorial htmlnya yang komplit.
Sangat berguna sekali bagi pemula seperti saya.

Btw, iseng2 ngeklik valid xhtml ada yang error boss.

Thanks,
Masimnet.awardspace.com

46
Komentar Dikirim oleh adit pada 03 Juni 2008 09:45:56 WIB

adit pemula dalam hal html tolong dong kirim artikel dasar2 dan contoh2 program Html yg kategorinya sedang aja dulu ke adit.upi05@gmail.com
di tunggu ya bang....
makasih untuk sebelumnya

47
Komentar Dikirim oleh nurul huda pada 09 Juni 2008 02:27:57 WIB

assalamualaikum

terimah kasih banyak kepada yang membuat artikel ini,karena sangat bermanfaat kepada pemula seperti saya

48
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:06:56 WIB

bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak

49
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:07:30 WIB

bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak

50
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:08:19 WIB

bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak

kitim ke email saya,,


ilmy.delta@yahoo.co.id

51
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:08:28 WIB

bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak

kitim ke email saya,,


ilmy.delta@yahoo.co.id

52
Komentar Dikirim oleh myrna pada 15 Juni 2008 07:55:40 WIB

saya senang dan puas dengan penjelasannya karena mdh dimengerti,tapi gmn cara supaya websitenya terkoneksi di internet.trims

53
Komentar Dikirim oleh myrna pada 15 Juni 2008 07:58:38 WIB

saya senang dan puas denagn penjelasan-y karena mdh dimengerti,tapi gmn cara supaya website yg kita buat bisa terkoneksi di internet,tolong kirim ke email saya di:

fausta_mirna@yahoo.co.id

54
Komentar Dikirim oleh iwan_karman@yahoo.co.id pada 19 Juni 2008 11:56:14 WIB

trims.. atas petunjuknya kalau dicoba semuanya masih mumet tapi yang paling terkesan cara menempel gambar yang kita ambil dari dokument dll. masih terlalu singkat .. mohon uraian yang sejelas-jelasnya.

Demikian agar maklum
Rantau Prapat.

55
Komentar Dikirim oleh fahrizal pada 21 Juni 2008 02:08:01 WIB

Mas,,,saya udah baca semua tutorial mas...
Mas aku udah coba bikin HTML dan PHP dan aku masih bingung dengan letak penyimpanan dan nama penyimpanannya... mohon di balas lewat email saya ya mas,,,aku tunggu balasanya ya mas..
david_keok@yahoo.co.id
Komentar saya tentang tutorial yg mas bikin sangat bagus buat pemulah seperti saya....terimah kasih banyak ya mas...
Salam kenal dari aku fahrizal......?????

56
Komentar Dikirim oleh arkhanis pada 27 Juni 2008 08:34:46 WIB

hehe.. makasih ya
bacanya asyik loh
tapi semua jawaban dibalas via email ya?

reikoakatsuki@yahoo.com

57
Komentar Dikirim oleh hanung pada 15 Juli 2008 11:25:27 WIB

mas dhimas, thanks banget nih tutorialnya. Aku jadi mengerti untuk membuat text html dalam membuat website. Aku baru banget mau belajar, tertarik & semangat untuk belajar.
Kalo untuk background colour itu kan pake code, seperti : FFFF... atau C0C0... dsb, tahunya darimana ya untuk warna yang lainnya. Tolong diberitahu ya mas. Thanks banget. Sukses terus buat mas dhimas.
hanung_p_w@yahoo.co.id

58
Komentar Dikirim oleh adi pada 19 Juli 2008 10:45:41 WIB

Setelah kita menulis kode kode program pada notepad bagaiman cara melihat hasilnya?
Mohon penjelasannya dan terimakasi semoga ALLAH memberi pahala atas ilmu yang manfaat.
untung_terus78@yahoo.co.id

59
Komentar Dikirim oleh ali ilham akbar pada 21 Juli 2008 02:28:39 WIB

tolong barikan contoh pembuatan website dengan format HTML, mengenai pendaftaran calon siswa untuk sebuah sekolah

60
Komentar Dikirim oleh indra caturiyanto pada 21 Juli 2008 03:56:45 WIB

saya tertarik membaca artikel ini, sebagai pemula saya ingin belajar membuat web desain sendiri.. tolong bantu saya.. kalau saya harus ke warnet bolak balik menghabiskan biaya yang tidak sedikit.. bisakan anda mengirim artikel anda ke alamat indra.graphic@gmail.com .. THK banyak

61
Komentar Dikirim oleh Dhimas Ronggobramantyo pada 22 Juli 2008 02:12:02 WIB

@parus
Wah saya gak bakat nulis2, apalagi nulis buku, jadi liat langsung aja diweb ini.

@Agus Setia Budiawan
Cukup sisipkan kode php nya kedalam file html terus jangan lupa diubah file .html ke .php

@Masim man
Hehehe untuk halaman ini saya udah nyerah buat jadi valid, soalnya isinya contoh2 html jelas nggak valid di xhtml

@myrna
Beli domain dan hosting, terus filenya simpen dihostingya

@hanung
Itu namanya hexadecimal color, bisa dilihat diphotoshop. Atau kalau mau yang online lihat di http://www.colorschemer.com/online.html

@adi
Buka filenya pakai browser.

62
Komentar Dikirim oleh sukma wijaya pada 03 Agustus 2008 10:01:58 WIB

artikel ini sangat bagus...
saya ikut terbantu dengan adanya artikel ini..
terima kasih banyak y..

63
Komentar Dikirim oleh M Rudi pada 05 Agustus 2008 04:47:11 WIB

makasih buat artikel'y berguna bangt buat aku
eh kalo bisa aku minta latihan2 pembutan web dengan HTML.............................
Kirijm aja ke rudi_22mei@yahoo.co.id
maksih

64
Komentar Dikirim oleh p@cul pada 09 Agustus 2008 11:37:34 WIB

thanks very much banget deh

65
Komentar Dikirim oleh naben_raj pada 12 Agustus 2008 09:58:49 WIB

saya senang sekali belajar tutorialhtml di web ini,karena saya lihat tidak terlalu susah untuk dicerna buat pemula.

kalo boleh saran,kasih tutorial php nya juga dong kak.

email saya:naben_raj2007@yahoo.com
thx alot

66
Komentar Dikirim oleh jhunae pada 17 Agustus 2008 03:12:02 WIB

bang da gk artikel php lengkap dengan fungisi nya
terus klo bisa
kirim tutorial nya ke jun_yudy@yahoo.co.id
oya macam alpikasi apa aj ya

67
Komentar Dikirim oleh jhunae pada 17 Agustus 2008 03:12:56 WIB

bang da gk artikel php lengkap dengan fungisi nya
terus klo bisa
kirim tutorial nya ke jun_yudy@yahoo.co.id
oya macam alpikasi php apa aj ya

68
Komentar Dikirim oleh rahman79 pada 04 September 2008 02:11:38 WIB

makacih nech ada tutorialnya yang pake bahasa indonesia....trus nyoba di localhostnya gimana..... maklum pemula nech......


http://www.cantigi.com/aff.php?aff=017

69
Komentar Dikirim oleh kristi pada 10 September 2008 03:53:11 WIB

kirimin listing program asp untuk koneksi database dunk pake iis....plisss

70
Komentar Dikirim oleh Tyo pada 13 September 2008 09:05:42 WIB

Hai Mas. . .
Saya sekarang ini adalah seorang pemula di ilmu HTMl. Saya nggak bisa sekolah ke jenjang yg lebih tinggi dari SMA. saya sekarang mau belajar secara otodidak dari Web Mas ini. saya boleh minta tolong nggak untuk di ajarkan bagaimana cara membuat Web pribadi?
komputer jenis apa yang bisa mesupport HTML?
Program apa yang harus ada di komputer tsb, agar saya bisa belajar HTML?

Saya tunggu jawaban Mas di: tyo_herzle@yahoo.com

terima kasih

71
Komentar Dikirim oleh Tyo pada 13 September 2008 09:06:17 WIB

Hai Mas. . .
Saya sekarang ini adalah seorang pemula di ilmu HTMl. Saya nggak bisa sekolah ke jenjang yg lebih tinggi dari SMA. saya sekarang mau belajar secara otodidak dari Web Mas ini. saya boleh minta tolong nggak untuk di ajarkan bagaimana cara membuat Web pribadi?
komputer jenis apa yang bisa mesupport HTML?
Program apa yang harus ada di komputer tsb, agar saya bisa belajar HTML?

Saya tunggu jawaban Mas di: tyo_herzle@yahoo.com

terima kasih

72
Komentar Dikirim oleh nur salam pada 15 Oktober 2008 04:05:57 WIB

saya mau ngomentari jangan terlalu banyak rumus

73
Komentar Dikirim oleh ita pada 17 Oktober 2008 10:24:54 WIB

wow, sangat mudah dimengerti penjelasannya,, trims..
boleh minta referensi buat blajarnya gak?

it_they@yahoo.co.id

74
Komentar Dikirim oleh chandra pada 23 Oktober 2008 07:56:14 WIB

wow, enak juga nih liat cara pembuatan tabel yg ada di web Mas Dhimas..!!

Tapi,bisa tdk di kirim ke i-male saya, cara pembuatan tabel yg lebih luas lagi n detail...??

saya tunggu di : chandra.0scar@yahoo.com

thank's mas..

75
Komentar Dikirim oleh martin pada 24 Oktober 2008 10:58:01 WIB

wah tutorialnya sangat bermanfaat banget
tolong donk ajarin cara bikin iklan lewat web terus kasih tau cara masukin iklan di website khusus iklan


alamat email saya:aquabenetica@yahoo.com

76
Komentar Dikirim oleh sinichi pada 30 Oktober 2008 08:18:49 WIB

ra udan

77
Komentar Dikirim oleh sinichi pada 30 Oktober 2008 08:19:56 WIB

bacem mbak

78
Komentar Dikirim oleh teguh widodo pada 05 November 2008 07:37:51 WIB

tidak bagus, dan kurang menaarik karena tidak ada foto bugil yang menimbulkan hasrat jadi orang malas membuka web ini daaaaaaaaaaaaaaaa.daaaaaaaaaaaaaaaaaaaa

79
Komentar Dikirim oleh suprapto pada 17 November 2008 02:44:18 WIB

makasih yah tas comen yang di pasang berkat ini aku bs belajr dan sekarang udah bs lah dikit2 kalo buat tampilan html ja

80
Komentar Dikirim oleh jajat sudrajat pada 17 November 2008 04:57:54 WIB

ada lagi cara lainyan pembuatan html yg untuk log in

81
Komentar Dikirim oleh jajat sudrajat pada 17 November 2008 04:58:12 WIB

ada lagi cara lainyan pembuatan html yg untuk log in

82
Komentar Dikirim oleh ndut pada 22 November 2008 08:15:31 WIB

mas.....
uhm,,,
matur nuwun buat tutorial dasarnya ya,,
buat history,edit,view,delete gt tlong dipost yia mas...
terus tutorial buat hosting gratis ama check validasi webnya,,,
tengkyu more...

83
Komentar Dikirim oleh wahyu suryanto pada 30 November 2008 01:49:48 WIB

mas nice banget pelajarannya terimakasih atas tulisannya buat yang nubie nubie gue dapet strategi belajar html yang bagus caranya yaitu :
1. ambil asbak , rokok,sama korek , n aqua 1 botol
2. pake mozilla firefox
3. buka webnya mas dimas
4. buka http://htmledit.squarefree.com/
5. masukin tutornya mas dimas biar langsung tau artinya

yhanks buat mas dimas cuma tuhan yang bisa membalasnya

84
Komentar Dikirim oleh buchanan pada 08 Desember 2008 06:04:58 WIB

mantap kali coy...???

85
Komentar Dikirim oleh Uka pada 13 Desember 2008 03:49:25 WIB

Mau tanya nih,
Kalau untuk menentukan misal http://ukafahrurosid.blogspot.com agar bisa kita memilih artikel yg kita inginkan dalam satu blogger tersebut gimana? karna klo mau posting baru itu yg tampil (mis: klo di klik http://ukafahrurosid.blogspot.com) maka yang tampil itu pasti posting terbaru. bagaimana kalau untuk kita tentukan sesuai harapan.
Mohon klo bisa balas ke email: rasyid.am@gmail.com

86
Komentar Dikirim oleh WILLY pada 13 Desember 2008 11:08:20 WIB

terimah kasih abang ...tapi kalau bole bang tolong
cara membuat animasi pada body...

87
Komentar Dikirim oleh Willy mansawan_ biak pada 13 Desember 2008 11:10:42 WIB

terimah kasih abang ...tapi kalau bole bang tolong
cara membuat animasi pada body...
seperti textnya berjalan...


napi.willy@yahoo.com

88
Komentar Dikirim oleh kamal pada 28 Desember 2008 05:43:34 WIB

weh..weh..jian gamblang,urut,runtut,mas.Ini yang namanya tutorial mang cocok banget bagi pemula...matur suwun mas....
moga dari tutorial mas DRB ni segera muncul jago2 baru heheheh....

neo_kvmvl@yahoo.com

89
Komentar Dikirim oleh Marito pada 30 Desember 2008 12:05:32 WIB

Oke banget tuch contoh listingnya untuk pemula, tapi lebih bagusnya lagi secara detail lagi sampai web yang kita buat bisa masuk serta dapat diakses di jaringan internet .

wassalam.

90
Komentar Dikirim oleh Marito pada 30 Desember 2008 12:07:17 WIB

Oke banget tuch contoh listingnya untuk pemula, tapi lebih bagusnya lagi secara detail sampai web yang kita buat bisa masuk serta dapat diakses di jaringan internet .

wassalam.
maritohk@yahoo.co.id

91
Komentar Dikirim oleh kumis pada 01 Januari 2009 12:41:10 WIB

thank\'s tutorialnya

92
Komentar Dikirim oleh Try pada 02 Januari 2009 06:52:53 WIB

Wew ilmu emang gak da basinya, walau artikel lama tapi kalo yang baca kagak ngerti kayak saya serasa jadi baru.
Oh ya ne webnya pke cms to aseli cuma pke bhsa yg aneh[html, php,perl, java scrips, css]
Thanks Mas Dmas

____________________________________
Ilmu akan lebih berarti jika kita bagi-bagikan secara gratis

93
Komentar Dikirim oleh zamz pada 03 Januari 2009 05:22:37 WIB

mas dimas tolong di buatkan versi pdf nya donk...
psti banyak pada suka.....

ini baru pahlawan tanpa tanda jasa sebenarnya

94
Komentar Dikirim oleh cha doank pada 12 Januari 2009 04:33:12 WIB

assalamualaikum.

tolongin aku donk...

mas2...
mbak2...
ataw siapa ajha deh...

sumpe....

puyeng bangetss....
please....

tolongin yach....

qlu tau cara2 na...

tolong kirim ke email cha..

nm email nya:cha_7730@yahoo.com

sebelum na ...

syukron............

95
Komentar Dikirim oleh Haical pada 17 Januari 2009 10:04:53 WIB

Hai mas...
nama saya haical...
beberapa hari ini saya mendapatkan susunan script untuk membuat website... scriptnya sudah lengkap...
cuma saya kurang paham bagai mana membuat scrip[ ini menjadi website...
tolong bantu saya mas!!!!
cowox_15@hotmail.com

96
Komentar Dikirim oleh chandra pada 28 Januari 2009 08:05:32 WIB

mas bisa kasih tahu aku gak gimana caranya bikin room induk dari sebuah web

97
Komentar Dikirim oleh yahya pada 31 Januari 2009 04:46:43 WIB

tambah lagi dong,please!

98
Komentar Dikirim oleh bandel pada 05 Februari 2009 06:55:18 WIB

pak terimakaci atas inpormasinya
saia pemula dlm blajar html
bapak sangad membantu
askum

99
Komentar Dikirim oleh baros pada 05 Februari 2009 07:03:30 WIB

makasih bangets ya mas,,,berkat artikel mas saya sudah mulai donk tentang apa yang dimaksud HTML n dikit demi dikit saya udh ngerti,,,,tapi mas saya mau minta tolong nich,,,tolong donk mas kirimin semua jenis tentang tag-tag dalam HTML,,,,,ni email saya barouzet@yahoo.co.id,,,,,tolong banget ya mas.......

100
Komentar Dikirim oleh vatan pada 09 Februari 2009 07:51:56 WIB

g ngerti,g jelazzz....!!!

101
Komentar Dikirim oleh ahmad pada 11 Februari 2009 12:44:03 WIB

thank aqu baru nemu yg lengkap kaya gini...

102
Komentar Dikirim oleh sela pada 25 Februari 2009 04:48:40 WIB

tLlg bAtN nAmE2 iCOn2 yG aD pD pHoToShOp YOW + CrA pMkaIannya !!!!dtnGgV LhO........

103
Komentar Dikirim oleh tiger rider pada 26 Februari 2009 04:49:43 WIB

Saya pikir HTML itu Honda Tiger Miling List, ternyata bukan ya??? Tapi bagus juga nih informasinya, salam hangat dari penunggang macan...

104
Komentar Dikirim oleh aiighaa pada 28 Februari 2009 07:19:34 WIB

wadt insert 1> gambar jadi bg (background) gmna sih ??? am insert 2 gambar wat jdii d halaman tapi jangan k enter gmnna ??? thanx before . . .

105
Komentar Dikirim oleh aden pada 16 Maret 2009 12:49:53 WIB

Cara-cara menghububgkan ke web gimane nich..................??????????

106
Komentar Dikirim oleh reno pada 17 Maret 2009 01:48:08 WIB

tolong kirim langsung cara pembuatan nya ke email saya:renomarno@yahoo.co.id

107
Komentar Dikirim oleh nashir pada 26 Maret 2009 09:48:06 WIB

ini artikel yang saya cari...,soalnya saya sangat awam dalam dunia internet, saya bingung pas baca artikel2 tentang pambuatan website, papa itu HTML, domain,dll,saya sangat berterima kasih kalo bapak bisa mengirimkan artikel selanjutnya...guna kelancaran aktifitasku..,oh satu lagi , kekurangan saya , saya tidak bisa bahasa inggris.,makasih,ini alamat mail saya nashirgrt@gmail.com

108
Komentar Dikirim oleh imam sadega pada 01 April 2009 02:17:49 WIB

apaan tuh html!

109
Komentar Dikirim oleh beni pada 03 April 2009 08:48:15 WIB

MAss...

Mohon di muat cara membeli domain n hosting yang murah dan gampang dengan fitur yang lengkap..

MAkasih ya maasss..

Slam knl y....

110
Komentar Dikirim oleh roedy pada 12 April 2009 12:04:31 WIB

Assalamu'alaikum
Untuk lebih mengenal dan lebih paham apakah bisa saya minta tehnik pembuatan web mulai dasar ya artikel yang menunjang, maklum saya masih pemula ingin lebih mendalam untuk bisa membuat web dan yang lainnya meski bertahap. email: roedy_okta@yahoo.co.id
Terima kasih atas kebijakan dan kerendahan hati anda bisa berbagi ilmu dengan semua pembaca.
Semoga sukses dan bertambah rezeki

111
Komentar Dikirim oleh joni14jbi pada 13 April 2009 10:43:10 WIB

Setelah saya masuk disini saya sangat kagum. karena ilmunya benar2 di bagikan keorang lain.

112
Komentar Dikirim oleh cakill pada 19 April 2009 04:17:42 WIB

terima kasih iia kakak....atas ilmu nya
sangat-sangat open source terlebih untuk pemula semoga bermanfaat untuk semuanya...
dan semoga aja semakin invoatif untuk kelanjutannya

113
Komentar Dikirim oleh edu pada 13 Mei 2009 07:32:19 WIB

kgku

114
Komentar Dikirim oleh ahmad pada 18 Mei 2009 06:33:26 WIB

terima kasih atas materinya
akan kucoba terus semoga aku bisa

115
Komentar Dikirim oleh ihsan pada 23 Mei 2009 10:54:45 WIB

terima kasih iia kakak....atas ilmu nya
sangat-sangat open source terlebih untuk pemula semoga bermanfaat untuk semuanya.hehehe???btw bagi teman2 yang berminat jadi agen pulsa hub ihsan yahhh
di ym id ihsan "opfive"

116
Komentar Dikirim oleh ihsan pada 23 Mei 2009 10:56:09 WIB

terima kasih iia kakak....atas ilmu nya
sangat-sangat open source terlebih untuk pemula semoga bermanfaat untuk semuanya.hehehe???btw bagi teman2 yang berminat jadi agen pulsa hub ihsan yahhh
di ym id ihsan \"opfive\"

117
Komentar Dikirim oleh sang pada 27 Mei 2009 02:55:41 WIB

Infonya sgt membantu. cukup jelas .. tp tetep masih bingung euy.

jadi gini mas... saya kan suka nyari script2 nulled... nah disitu ada beberapa yg ternyata mau saya ilangin tampilannya. biasanya nyarinya dinama apa ea?... saya cari index.php baru ktemu 1 dan masih ada lagi yg harus di buang sesuai dg source code klo kita pas buka webnya.

mohon petunjukknya... blm ngerti sama sekali soal ginian.

satu lagi mas... klo kita mau naruh meta tag... dan kita mau buat file baru.. nyimpannya di root atau difolder? apakah namanya bebas? trus bagaimana cara ngelinknya?.. apakah hanya upload file tsb dan otomatis akan terbaca sendiri?
suwun

118
Komentar Dikirim oleh embun pada 06 Juni 2009 01:28:15 WIB

akhirnya ..ketemu juga halaman ini...
simpan dulu..ah.
tulisannya enak dibaca dan gak bikin pusing..pernah jadi trainer, ya? 8-)
Makasih ya buat tutorialnya...

119
Komentar Dikirim oleh jose pada 10 Juni 2009 12:21:07 WIB

salam damai

bolekah saya meminta penjelasan sedikit mengenai kode html

120
Komentar Dikirim oleh jose pada 10 Juni 2009 12:21:39 WIB

salam damai

bolekah saya meminta penjelasan sedikit mengenai kode html

121
Komentar Dikirim oleh jose pada 10 Juni 2009 12:21:56 WIB

salam damai

bolekah saya meminta penjelasan sedikit mengenai kode html

122
Komentar Dikirim oleh ibenk pada 16 Juni 2009 09:42:49 WIB

Wah terima kasih atas pengetahuan tentang pembuatan web neh !!!
Btw Bisa kirimin contoh tentang pembuatan web itu sendiri ga ???
kirimin ke email : gurit_freeeze@yahoo.com
Thx !!!

123
Komentar Dikirim oleh dmex pada 27 Juni 2009 10:00:42 WIB

terima kasih atas pengetahuannya.dengan ini saya menjadi tahu scrip code dengan menggunakan html.
klo bsa tlong krmin ke email saya bangsat25@gmail.com
thanks

124
Komentar Dikirim oleh Rifqi pada 07 Juli 2009 06:46:29 WIB

Thanks bang infonya ,,, manfaat banget lah ...
kapan kapan bikin ebook lengkap pembahasan php,css,and HTML ok !
di tunggu launching nya ..,, he..he.h.e.

125
Komentar Dikirim oleh obelix pada 16 Juli 2009 09:34:35 WIB

Aku ucapin beribu-ribu hatur nuhun atas artikelnya, karena aku dah mulai ngerti apa itu HTML meski baru sedikit, tp setidaknya sedikit memahami apa itu HTML.

Anyway skali lagi hatur nuhun ya Kang. Piss

126
Komentar Dikirim oleh asxz pada 21 Juli 2009 05:27:24 WIB

hmm aku br smp udh belajar ginian loh .

127
Komentar Dikirim oleh fandi pada 05 Agustus 2009 08:34:57 WIB

good makasih kak
bagus banget keterangannya gampang di mengerti!!!!!!!!!!

128
Komentar Dikirim oleh arek pasuruan pada 11 Agustus 2009 10:28:55 WIB

Makasih mas\'...

129
Komentar Dikirim oleh fiya pada 11 Agustus 2009 10:40:56 WIB

boleh minta contoh coddingnya g....????kl boleh kirim ke email q
isnalutfiya@yahoo.com

thanx

130
Komentar Dikirim oleh fgfdgfgfdg pada 17 Agustus 2009 08:51:16 WIB

ngfdgjfgjnfjgnjngjndfjgnfjgnjfgjjdfgnjndfgjnjdfgn

131
Komentar Dikirim oleh udin pada 24 Agustus 2009 04:57:55 WIB

mantap om bisa minta pelajaran selanjutnya kalo boleh kirimken ke email saya confiden_man@yahoo.co.id tq be 4

132
Komentar Dikirim oleh nanangHP pada 14 September 2009 08:22:13 WIB

trims ya atas bantuan na...saya tuggu kbar terbaru na...skali lagi trima thank you...

133
Komentar Dikirim oleh rahasia pada 23 September 2009 02:08:43 WIB

mas tulisanmu tak jupuk sitik yo? tak go sinau
wkwkwkwkwkwkwk

134
Komentar Dikirim oleh rahasia pada 23 September 2009 02:09:12 WIB

mas tulisanmu tak jupuk sitik yo? tak go sinau
wkwkwkwkwkwkwk

135
Komentar Dikirim oleh komouks pada 23 September 2009 10:09:56 WIB

bagus banget,.. mudah di mengerti,.

136
Komentar Dikirim oleh komouks pada 23 September 2009 10:14:07 WIB

bagus banget,.. mudah di mengerti,.

137
Komentar Dikirim oleh kenny pada 27 September 2009 01:09:11 WIB

Wah rame yah.... Btw thx Atas ajarannya ini yang saya cari2 lengkap Yg css ama Xhtml ada juga? Saya belajar kode begiinan buat bikin blogku lebih bagusan http://muka-aneh.blogspot.com

138
Komentar Dikirim oleh Nurjaman pada 14 Oktober 2009 02:30:41 WIB

bagus jg artikelnya mas...sy masih pemula dlm dunia maya, klo boleh kirim dong artikel2 nya ke email sy di: jamswenger@yahoo.co.id
thanks...

139
Komentar Dikirim oleh Jopan Hari pada 17 Oktober 2009 11:33:00 WIB

Salut, web Anda banyak manfaatnya mas...! Sekalian mu nanya nih, misal kita menampilin suatu kalimat tanpa spasi (contoh "AAAAAAAAAAAAAAAAAAAAAAAAAAAAA"), nah yg jd pertanyaan gmn caranya agar huruf A tersebut tidak membuat ukuran width tabel bertambah, atau dengan kata lain, gimana caranya agar huruf A tsb bisa turun ke baris berikutnya.

Terima kasih....

140
Komentar Dikirim oleh kiki pada 24 Oktober 2009 01:05:06 WIB

bagoes111111111

141
Komentar Dikirim oleh denissa pada 03 November 2009 10:41:26 WIB

prmisi , mo nnya nii !
9mna sii rms\'a m\'buat gris vertikal?
klo rms m\'buat gris horizontal \"\" kan?
tolong ya jwb, coz lg prlu bgt nii, tuk nylsain tgs skul..
mklum lah, org awam, ga trlalu ngrti ma rms\" yg kya\' gni. .
makasih sblum\'a.
eitt, 1 lgi. .
klo bsa, tlng krmin jwbn\'a k\'almt e-mail q yaa..
\"erceniez@ymail.com\"

142
Komentar Dikirim oleh tttt pada 07 November 2009 01:51:34 WIB

cbndjebvh

143
Komentar Dikirim oleh Dahsyatnya Options Trading pada 09 November 2009 05:20:55 WIB

Artikelnya luar biasa. Saya yang tadinya blank mengenai html, sekarang sudah tahu sedikit2.
Hanya saya masih belum tahu bagaimana caranya menulis dengan \"outline numbering\" di mana pada satu item tertentu yang terdiri dari beberapa item yng lainnya dst. Bagaimana indentasinya?
Terimakasih.

Supriyono
http://dahsyatnyaoptions.com

144
Komentar Dikirim oleh Dahsyatnya Options Trading pada 09 November 2009 05:22:00 WIB

Artikelnya luar biasa. Saya yang tadinya blank mengenai html, sekarang sudah tahu sedikit2.
Hanya saya masih belum tahu bagaimana caranya menulis dengan outline numbering di mana pada satu item tertentu yang terdiri dari beberapa item yng lainnya dst. Bagaimana indentasinya?
Terimakasih.

Supriyono
http://dahsyatnyaoptions.com

145
Komentar Dikirim oleh Dahsyatnya Options Trading pada 09 November 2009 05:22:37 WIB

Artikelnya luar biasa. Saya yang tadinya blank mengenai html, sekarang sudah tahu sedikit2.
Hanya saya masih belum tahu bagaimana caranya menulis dengan outline numbering di mana pada satu item tertentu yang terdiri dari beberapa item yng lainnya dst. Bagaimana indentasinya?
Terimakasih.

Supriyono
http://dahsyatnyaoptions.com

146
Komentar Dikirim oleh cluthik jadoel pada 01 Desember 2009 05:06:21 WIB

blog nya keren abiz...
tapi boleehkah minta artikel yang lain tentang html???
klo boleh minta saya mohon dengan sepenuh hati kirim ke email saya ya...
tiwuk_st7@yahoo.com
terima kasih sbelmnya

147
Komentar Dikirim oleh GUSANTO pada 04 Desember 2009 10:36:44 WIB

bagus bgt blognya mas. . . .
gus mau minta artikel yg laen terutama artikel memasukan video da gambar blink mas..
tlng ya mas...klo berkenan krm z ke email saya. . .
cowboy8916@ymail.com
terimakasih banyak mas

148
Komentar Dikirim oleh bustanul zikri pada 06 Desember 2009 02:22:48 WIB

mas tolong krim conth html
krim ke email aku
zikri_0508@yahoo.co.id

149
Komentar Dikirim oleh bustanul zikri pada 06 Desember 2009 02:23:14 WIB

mas tolong krim conth html
krim ke email aku
zikri_0508@yahoo.co.id

150
Komentar Dikirim oleh Herdaisuke Tamaga pada 09 Desember 2009 11:22:50 WIB

Cip dah abang,thanks ilmu nya.
minta ijin copy scriptnya.

151
Komentar Dikirim oleh isthur pada 15 Desember 2009 11:01:05 WIB

terima kasih mas, semoga bermanfaat bagi orang banyak.

152
Komentar Dikirim oleh iwan pada 19 Desember 2009 11:36:58 WIB

Bro salam kenal,
numpang nanya nech kalo bikin form untuk website gmana ya caranya. thanks.

Mohon dikirim ke iwarani23@yahoo.com

Thanks before and after

153
Komentar Dikirim oleh lvpwpdat pada 24 Desember 2009 08:24:32 WIB

xpwkdfms jwmqxfqu http://jiaciyah.com fzgckscg pigouztq [URL=http://jyguchhs.com]ztoefhrz[/URL]

154
Komentar Dikirim oleh Rizal pada 27 Desember 2009 08:41:09 WIB

Mf mister.. saya msh blm terlalu paham nih.....

155
Komentar Dikirim oleh rio pada 28 Desember 2009 09:08:32 WIB

apa maksud dari kode ini





156
Komentar Dikirim oleh bangunbi pada 01 Januari 2010 02:44:35 WIB

makasih sekali mas,
terus posting ya mas, sy tunggu ilmu2 terbarunya,
semoga amal sampeyan dalam bagi2 ilmu ini dibalas olehNya...amin

157
Komentar Dikirim oleh IsaL Say NeverDie pada 07 Januari 2010 07:22:44 WIB

kawkwakkwa...

belajar smpe mokaddddd

158
Komentar Dikirim oleh IsaL Say NeverDie pada 07 Januari 2010 07:25:27 WIB

kawkwakkwa...

belajar smpe mokaddddd


W DAH PINTER JDI GK USH BELAJAR LGI....


YOU NOW ALL....

159
Komentar Dikirim oleh ayu pada 07 Januari 2010 07:30:08 WIB

gga jelas ..

160
Komentar Dikirim oleh enyo pada 07 Januari 2010 07:31:49 WIB

gga ngerti ...




10 hri lge ayu ultah ...

161
Komentar Dikirim oleh helm chucky pada 07 Januari 2010 11:45:40 WIB

hy guys !
jelek lo ...

Kembali keatas

Kirim Komentar:



Security Number

Tidak ada komentar:

Posting Komentar