PreviewMari belajar HTML.

Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.

Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.

Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.

Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.

Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.

Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.

Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.

Pengenalan HTML

Pengertian singkat tentang HTML

HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.

Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.

HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".

Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:

Titel Websiteku Ini adalah dokumen HTML pertamaku

Preview

Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.

*Lakukan hal yang sama untuk contoh-contoh selanjutnya.

Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " ". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.

Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): , body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).

Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " " dan tag penutup " " dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: , , , , semuanya adalah sama.

Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.

Tag Dasar HTML

Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:

Disini titel websiteku Disini adalah konten yang tampil di browser

Preview

Tag pertama pada dokumen HTML diatas adalah: " " tag ini merupakan awal dari suatu dokumen HTML, dan tag " " merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag ….

Kemudian tag " …" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.

Tag berikutnya adalah " …" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".

Titel Websiteku

Tag "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).

Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.

Format Font HTML

Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:

Untuk membuat jenis font (face):

Judul dengan font Verdana

Konten dengan font Times

Untuk membuat ukuran (size):

Judul dengan size 5

Konten dengan size 3

Untuk membuat warna font (color):

Judul dengan warna biru

Konten dengan warna merah

Contoh komplit untuk membuat jenis font (face),size dan color:

Judulnya Tentang Font

Ini adalah contoh tulisan dengan pengaturan font yang menggunakan
tag HTML elemen font dengan atribut face, size dan color...

Preview

Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:

Atribut

face="Jenis font yang digunakan", contoh: face="Tahoma"

size="Ukuran dari font (1-7)", contoh: size="3"

size="Memperbesar ukuran font", contoh: size="+1"

size="Memperkecil ukuran font", contoh: size="-1"

color="Warna dari font", contoh: color="blue"

color="Warna dari font", contoh: color="#FF0000"

Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:</p><p></p><p><html> <head></head> <body> Untuk membuat jenis font (face): <h1 style="font-family:verdana" mce_style="font-family:verdana">Judul Menggunakan font verdana</h1> <p style="font-family:tahoma" mce_style="font-family:tahoma">Konten menggunakan font tahoma</p> Untuk membuat ukuran (size): <h1 style="font-size:150%" mce_style="font-size:150%">Judul dengan ukuran 150%</h1> <p style="font-size:80%" mce_style="font-size:80%">Konten dengan ukuran 80%</p> Untuk membuat warna font (color): <h1 style="color:blue" mce_style="color:blue">Judul dengan warna Biru</h1> <p style="color:red" mce_style="color:red">Konten dengan warna merah</p> Contoh komplit untuk membuat jenis font (face),size dan color: <p style="font-family:verdana;font-size:80%;color:green" mce_style="font-family:verdana;font-size:80%;color:green"> Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br> menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p> </body> </html></p><p>Preview</p><p></p><p>Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.</p><p></p><p>Baca juga Update dari Format Font HTML ini di Tutorial HTML.</p><p></p><p></p><p></p><p>Format text HTML</p><p></p><p>Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:</p><p></p><p><html> <head> <title>Selamat Datang di Websiteku</title> </head> <body> Ini adalah halaman HTML pertamaku. <p>Aku sedang membuat paragraf dan ini contohnya.</p> <p>Ini contoh paragraf yang lainnya.</p> <p>Ini juga paragraf mm...tapi de-<br> ngan baris baru.<br> Ini baris baru yang lain.</p> </body> </html></p><p>Preview</p><p></p><p>Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:</p><p></p><p><html> <head> <title>Selamat Datang di Websiteku</title> </head> <body> <hr> <h1>Ini adalah halaman HTML pertamaku.</h1> Dikerjakan oleh: <!-- Tolong isikan dengan nama anda --> <hr> <p>Aku sedang membuat paragraf dan ini contohnya.</p> <p>Ini contoh paragraf yang lainnya.</p> <p>Ini juga paragraf mm...tapi de-<br> ngan baris baru.<br> Ini baris baru yang lain.</p> </body> </html></p><p>Preview</p><p></p><p>Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Untuk melihat tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel tentang tag-tag html tanpa tag penutup.</p><p></p><p>Selanjutnya tag <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.</p><p></p><p>Preview</p><p></p><p>Selanjutnya tag <!--…--> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.</p><p></p><p>Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :</p><p></p><p><html> <head></head> <body> <hr> <h1>Ini adalah halaman HTML pertamaku.</h1> Dikerjakan oleh: <!-- Tolong isikan dengan nama anda --> <hr> <p>Aku sedang mempelajari format-format teks.<br> Contoh-contohnya adalah sebagai berikut:</p> <p>Teks Normal<br> <tt>Teks mesin ketik</tt><br> <b>Teks tebal (bold)</b><br> <strong>Teks tebal dengan perintah Strong</strong><br> <i>Teks dengan italic (miring)</i><br> <em>Teks miring dengan perintah Emphasized</em><br> <u>Teks bergaris bawah (underline)</u><br> <strike>Teks tercoret (strike)</strike><br> <big>Teks lebih besar dari normal</big><br> <small>Teks lebih kecil dari normal</small><br> Teks menggunakan Subscript: Molekul Air adalah H₂O<br> Teks menggunakan Superscript: Hasil dari 10²=100<br></p> </body> </html></p><p>Preview</p><p>Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:</p><p></p><p> <html> <body> <pre> <b>PUITUIS ASA</b> Hari ini... Aku sedang belajar... Belajar tentang HTML. Sulit 'ntuk dimengerti, Karena banyaknya teks-teks aneh. Tapi biarlah... Akan kucoba... Sampai berhasil. </pre> </body> </html> </p><p>Preview</p><p></p><p>Baca juga Update dari Format text HTML ini di Tutorial HTML.</p><p></p><p></p><p></p><p>Hyperlink HTML</p><p></p><p>Hyperlink digunakan untuk menghubungkan antar dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:</p><p></p><p><html> <head></head> <body> <p>Aku sekarang sedang membuat hyperlink</p> Jika anda ingin mengunjungi Microsoft <a href="http://www.microsoft.com/" mce_href="http://www.microsoft.com/">Klik disini</a><br> <a href="http://www.yahoo.com/" mce_href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com <p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p> <a href="http://www.mp3.com/" mce_href="http://www.mp3.com/" target="_blank">Website Musik</a> <p>Agar hyperlink tidak bergaris bawah:<p> <a href="http://www.mp3.com/" mce_href="http://www.mp3.com/"target="_blank" style="text-decoration: none" mce_style="text-decoration: none">Website Musik</a> <p>Hyperlink ke suatu halaman tertentu dalam web:<p> <!--dengan catatan anda harus tau nama halaman tujuan tersebut--> <a href="http://htmlcssguides.com/belajar-css/" mce_href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css. </body> </html></p><p>Preview</p><p></p><p>Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :</p><p></p><p><a href="http://www.yahoo.com" mce_href="http://www.yahoo.com"> <img src="yahoo.gif" mce_src="yahoo.gif" border="0" width="147" height="31"></a></p><p> </p><p></p><p>Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.</p><p></p><p><a href="http://www.yahoo.com" mce_href="http://www.yahoo.com"> <img src="yahoo.gif" mce_src="yahoo.gif" border="0" width="147" height="31" align="left"></a></p><p>Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:</p><p></p><p><a href="http://www.yahoo.com" mce_href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"><img src="contoh.jpg" mce_src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a></p><p>Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.</p><p></p><p><a href="http://www.yahoo.com" mce_href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" mce_src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"></a></p><p>Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah: Text Alternatif Yahoo.com</p><p></p><p>Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.</p><p></p><p></p><p></p><p>Background HTML</p><p></p><p>Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).</p><p>Sekarang kita mulai dengan menggunakan pilihan warna:</p><p></p><p><html> <head></head> <body bgcolor="#FF99FF"> <p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p> <p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p> </body> </html></p><p>Preview</p><p>Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.</p><p>Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:</p><p></p><p><body bgcolor="#FFFF00"> <body bgcolor="rgb(250,250,0)"> <body bgcolor="yellow"></p><p>Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…</p><p></p><p>Selanjutnya membuat latar belakang dengan grafik atau gambar.</p><p></p><p>Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg</p><p></p><p><html> <head></head> <body background="background.jpg"> <font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2"> <p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br> Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p> </body> </html></p><p>Preview</p><p></p><p>Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:</p><p></p><p><html> <head></head> <body background="http://i52.tinypic.com/nmm2cz.jpg"> <p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p> <p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p> </body> </html></p><p>Preview</p><span id="__caret">_</span>

1. Pengertian Web Page.

Web page adalah halaman yang ditampilkan di sebuah website di internet, yang dapat menampilkan teks, gambar, bahkan suara. Halaman ini digunakan untuk menunjukan sebuah halaman websitw. Web page dapat diibaratkan sebuah halaman dalam buku.

2. Pengertian Webbrowser.

Webrowser adalah suatu program yang digunakan untuk mrnjrlajahi dunia internet atau untu mencari informasi tentang suatu halaman web yang tersimpan di komputer.

Awalnya, webbrowser hanya berorientasi pada teks dan belum dapat menampilkan gambar. Namun web browser sekarang tidak hanya menampilkan gambar dan teks dan belum dapat menampilkan gambar dan teks saja, tetapi sudah memutar tes multimedia.

Browser juga dapat mengirim dan menerima email, mengolah bahasa HTML sebagai input dan menjadikan halaman web sebagai output yang informatif. Contoh Webbrowser antara lain:

a. Internet explorer

b. Mozila Firefox

c. Opera

d. Netscape, dll.

Kegunaan Webbrowser

a. Untuk melacak dan menampilkan sebuah informasi.

b. Untuk berinteraksi dengan server melalui sistem berbasis server.

c. Untuk menampilkan dokumen-dokumen yang tersimpan secara elektonik.

d. Untuk melakukan download dan upload informasi.

e. Untuk melalukan diskusi dengan kelompok atau grup yang mempunyai hobi atau tujuan yang sama.

3. Pengertian Homepage.

Homepage adalah halaman muka atau utama yang ditampilkan dari sebuah website di internet. Jadi halaman ini muncul pertama saat website diakses. Tampilan homepage menggambarkan isi seluruh isi situs tersebut,

Biasanya homepage mempunyai nama file index html atau index htm. Agar tampilan homepage lebih menarik, design homepage dirancang dan dilengkapi dengan tampilan-tampilan menarik seperti huruf yang bergerak-gerak, gambar-gambar yang memikat, animasi hingga penggunaan multimedia lainnya.

4. Pengertian Web Hosting.

Web hosting adalah layanan penyewaan ruang simpan data (space) yang digunakan untuk menyimpan data-data website agar halaman website tersebut bisa diakses dari mana saja.

Data web tersebut meliputi file-file html, php script, cgi script, css, image, database dan file lain yang dibutuhkan untuk menampilkan halaman web. Selain untuk menyimpan file-file tersebut di atas, biasanya web hosting juga memberikan fasilitas.

5. Pengertian Website

Website adalah sebutan bagi sekelompok halaman web (webpage) yang umumnya merupakan bagian dari suatu nama domain atau subdomain di WWW di internet. Website juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara atau video atau gabungan dari semuanya. Baik yang bersifat statis maupun dinamis yang membentuk 1 rangkaian bangunan yang saling terkait, dimana masing-masing dihubungkan dengan jaringan (hyperlink).

Bersifat statis apabila isi informasi tetap, jarang berubah dan informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah.

Penemu website adalah Sir Timothy John “Tim” Berners-lee. Sedangkan website yang tersambung dengan jaringan pertama kali muncul [ada tahun 1991. Maksud dari Tim membuat website adalah untuk mempermudah tukar menukar dan memperbaharui informasi kepada peneliti di tempat dia bekerja.

Pada tanggal 30 April 1933, CERN (dimana Tim bekerja) menginformasikan bahwa WWW dapat digunakan secara gratiz oleh semua orang,

Pengertian Search Engine Dan Contohnya

Search Engine

Search engine adalah Aplikasi yang disediakan oleh lembaga komersial tertentu yang menyediakan jasa di bidang internet. Saat kita ingin mencari suatu informasi kita pasti mengunjungi search engine.Search Engine atau situs mesin pencari yang paling dikenal saat ini adalah Google. Tapi selain itu masih banyak lagi search engine yang ada di dunia. Di bawah ini beberapa macam searh engine yang sering digunakan oleh pemakai.

Google

(www.google.com)

Selain pencarian web, Google juga menyediakan jasa pencarian gambar, pencarian berita serta pencarian pada arsip USENET (newsgroup), serta direktori, seperti Yahoo! Kelemahannya terletak pada tidak tersedianya pencarian file, video, dan audio. Keunggulan Google terutama adalah pada pencarian teks, terutama dari algoritma PageRank, database-nya yang besar serta banyaknya jenis file yang diindeksnya.

* Kelebihan

1. Kecepatan dan kemudahan dalam mencari.

2. lebih canggih dengan fitur yang dimilikinya.

3. Tampilan yang sederhana.

4. Google merupakan satu-satunya mesin pencari yang memilki cach. Dengan adanya cache ini, si pencari dapat menghemat waktu pencarian, karena hasil pencarian yang akan ditampilkan.

5. Dapat mencari segala informasi seperti gambar, berita artikel, hiburan dll.

* Kekurangan

1. Dengan kelebihan yang dimilikinya, ternyata mesin pencari ini jadi bidikan para spamer untuk menampilkan iklan-iklan yang tidak diperlukan. Mereka memanfaatkan setiap celah yang ada pada sistem algoritma Google untuk memaksa iklan mereka tampil pada halaman terdepan. Maka, pencarian pun terasa tergangggu.

Yahoo!

(www.yahoo.com)

Salah satu portal terbesar di Internet, selain MSN., dan juga salah satu mesin pencaru tertua. Halaman utamanya sendiri tidak terlalu ramah untuk pencarian, tetapi Yahoo! menyediakan search.yahoo.com untuk itu. Yahoo! menggunakan jasa Google untuk mencari informasi di web, ditambah dengan informasi dari databasenya sendiri. Kelebihan Yahoo! adalah direktorinya. Yahoo! juga menyediakan pencarian yellow pages dan peta, yang masih terbatas pada Amerika Serikat. Yahoo juga menyediakan pencarian gambar. berikut ini kelebihan dan kekurangannya yang lebih jelas :

* Kelebihan:

1. carta surat menyurat modern untuk membuat orang menjadi lebih maju

2. salah satu web yang menyediakan layanan fasilitas gratis

3. salah satunyapun yang anda bilang, bila di refresh cepat

4. banyak fasilitas yang disediakan, seperti: Y!A Y!A Y! mail Y! 360 dan lain2

5. sudah ada di banyak negara

* Kekurangan:

1. Satu id yahoo hanya untuk yahoo, tak bisa untuk produk windows, seperti IM dan msn

2. Teralu mudah untuk membuat id, sehingga kadang-kadang disalah gunakan

3. Fitur Y!M msh sangat kalah jauh dengan IM keluaran windows

4. Skin untuk Y!M msh sangatlah simple, tak seperti IM yang ada cukup banyak

Alltheweb

(www.alltheweb.com)

Keunggulan Alltheweb adalah pencarian file pada FTP Server. Tidak seperti web, FTP adalah teknologi internet yang ditujukan untuk menyimpan dan mendistribusikan file, biasanya program, audio atau video. Web sebenarnya lebih ditujukan untuk teks. Sejauh ini, hanya AllTheWeb yang menyediakan jasa pencarian file.

* Kelebihan

1. Kemudahan dalam mencari.

2. Tampilan yang sederhana seperti Google.

3. Alltheweb langsung menyediakan fungsi untuk pencarian berita, musik, gambar, dan video.

4. Menu bantuan terlihat jelas, dan di dalamnya tersedia sejumlah opsi bantuan yang banyak, sehingga sekali lagi kemudahan tampak bagi si pengguna.

* Kekurangan

1. Pencarian yang lama dibandingkan dengan mesin pencari lainnya.

2. Halaman pencarian hanya dibatasi dengan sebuah garis sehingga membingungkan si pengguna.

3. Pada link-link yang tidak berguna terkadang masih terlihat dalam beberapa hari, sehingga terlihat kurang aktual. Hal ini menunjukan tidak cepatnya Allltheweb melakukan update.

MSN

(http://search.msn.com)

Mesin pencari dari Microsoft Network ini menawarkan pencarian baik dengan kata kunci maupun dari direktori. Pemakai Internet Explorer kemungkinan besar sudah pernah menggunakan mesin pencari ini. Situs Searchenginewatch mencatat MSN sebagai mesin pencari ketiga populer setelah Google dan Yahoo! Tak ada pencarian image, atau news. Menyediakan pencarian peta, yellow pages, white pages, pencarian pekerjaan, rumah.

* Kelebihan

1. mampu mencari video, musik, gambar, dan beragam format file spesial.

* Kekurangan

1. pencarian. Dibutuhkan waktu yang lama sampai hasil ditampilkan di halaman MSN.

2. Pengguna juga sulit membedakan antara iklan dan bukan iklan pada halaman pencariannya. Penampilan iklan hanya dibedakan dari hasil asli melalui sebuah titik di depannya.

AskJeeves

(http://www.ask.com)

Situs mesin pencari yang satu ini mengunggulkan kemampuannya untuk memahami bahasa manusia. Pengguna bisa menggunakan kalimat lengkap, bukan kata kunci. Situs ini berguna untuk mengetahui jawaban dari pertanyaan(misal: when did world war II end?)

* Kelebihan

1. Keunggulan utamanya adalah ia akan mencari situs penyedia jawaban untuk pertanyaan anda.

AltaVista

(www.altavista.com)

Satu saat, AltaVista pernah menjadi mesin pencari terbesar. Saat ini, selain Alltheweb, Altavista juga menawarkan pencarian audio dan video. Keunggulan AltaVista adalah pilihan pencarian yang paling lengkap di antara semua mesin pencari.

* Kelebihan

1. keunggulan dalam hal pencarian halaman web, video, gambar, MP3, dan file audio lainnya. Dalam pencarian berita pun Altavista mampu mencari berita teraktual.

2. Altavista mampu menetapkan berapa umur maksimal yang akan ditampilkan.

* Kekurangan

1. Dalam hal pencarian data yang kurang bagus. Sering kali mesin pencari ini menampilkan hasil yang sama sekali tidak ada kaitannya dengan tema yang dicari.

Lycos

(http://www.lycos.com)

Salah satu mesin pencari tertua. Saat ini Lycos lebih dikenal sebagai portal, sehingga fungsi pencarinya tidak terlalu menonjol. Lycos, selain mendukung pencarian web, juga menyediakan pencarian file MP3, dan video pada http://multimedia.lycos.com.

* Kelebihan

1. Lycos mampu mencari data dengan cepat dan ini merupakan kelebihannya.

2. Dalam hal pencarian cepat.

3. Lycos menyediakan fungsi “Fun Search” yang lebih diperuntukkan bagi kalangan remaja. Ini sangat membantu bagi kalangan yang membutuhkan gosip dan lagu terbaru dari para selebritis pujaan.

4. Lycos juga menampilkan 50 pencarian terbesar di halaman depannya.

* Kekurangan

1. Untuk mencari berita-berita aktualnya, pengguna harus masuk ke bagian site map karena berita-berita tersebut tidak ditampilkan di halaman depan.

2. Sering tidak spesifik karena datanya kebanyakan masih mengambil data dari mesin pencari Alltheweb yang tergolong paling lamban dalam pencarian data

2. Sering tidak spesifik karena datanya kebanyakan masih mengambil data dari mesin pencari Alltheweb yang tergolong paling lamban dalam pencarian data

A. PENGERTIAN WEBSITE ATAU SITUS. Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.

Sebuah nama domain adalah string identifikasi yang mendefinisikan wilayah otonomi administrasi , otoritas atau kontrol di Internet . Nama domain yang dibentuk oleh aturan dan prosedur dari Domain Name System ( DNS ) . Setiap nama yang terdaftar dalam DNS adalah nama domain .

Nama Domain digunakan dalam konteks berbagai jaringan dan penamaan dan menangani tujuan - aplikasi tertentu . Secara umum, nama domain merupakan Internet Protocol ( IP ) sumber daya , seperti komputer pribadi yang digunakan untuk mengakses Internet , komputer hosting situs web server atau situs web itu sendiri atau layanan lain dikomunikasikan melalui Internet .

Nama domain yang diselenggarakan di tingkat bawahan ( subdomain ) dari akar domain DNS , yang tak bernama . The tingkat pertama set nama domain adalah top-level domain ( TLD ) , termasuk domain generik tingkat atas ( gTLD ) , seperti domain terkemuka com , info, net , edu , dan org , dan kode negara top domain -level ( ccTLD ) . Di bawah ini domain tingkat atas dalam hirarki DNS adalah tingkat kedua dan domain tingkat ketiga nama yang biasanya terbuka untuk reservasi oleh pengguna-akhir yang ingin menghubungkan jaringan area lokal ke Internet , menciptakan sumber daya Internet yang dapat diakses publik lain atau run situs web . Pendaftaran nama domain ini biasanya dikelola oleh pendaftar nama domain yang menjual jasa mereka kepada publik .

Sebuah nama domain berkualifikasi lengkap ( FQDN ) adalah nama domain yang benar-benar ditentukan dalam hirarki dari DNS , tidak memiliki bagian yang dihilangkan .

URL singkatan dari Uniform Resource Locator, adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet.[1]

URL merupakan suatu inovasi dasar bagi perkembangan sejarah Internet.[1] URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen-dokumen dapat merujuk pranala ke Waring Wera Wanua atau World Wide Web.[1] Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya. Walaupun demikian, istilah URL masih tetap digunakan secara luas.[1]

Tipe URL[sunting | sunting sumber]

Ada dua tipe URL yang dapat digunakan,[3] yaitu:

Absolute URL (URL Absolut), merupakan alat lengkap yang menyertakan domain pada jaringan yang tepat, direktori di dalam domain, dan file di dalam direktori.[3]

Relative URL (URL Relatif), menentukan suatu alamat berdasarkan URL yang aktif pada saat itu.[3]

Berikut ini adalah sintaks dan tipe URL: Service://host:port/path/filename.extension (Absolut)

Sedangkan dalam penggunaan URL tersebut dengan tag adalah sebagai berikut:[3]

Absolute :

Relative :

»HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: TAMPIL TEBAL. Tanda digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut.

Secara garis besar, terdapat 4 jenis elemen dari HTML:

structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh,

Golf

akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1

presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, boldface akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,