CGI (Common Gateaway Interface)

CGI (Common Gateway Interface) merupakan suatu bentuk hubungan interaktif di mana client (browser) dapat mengirimkan suatu masukan kepada server, dan server mengolah masukan tersebut serta mengembalikannya kepada client (browser). Contoh sederhana adalah saat Anda menggunakan suatu search engine. Saat Anda menuliskan keyword dan menekan tombol Search maka browser akan mengirimkan keyword tersebut ke server. Keyword tersebut lalu diolah oleh server dan server mengirimkan data hasil pengolahan (yang sesuai dengan keyword yang kita masukkan) ke browser kita. Jadi yang kita lihat pada browser hanya data yang sesuai dengan keyword yang kita masukkan.

Program CGI ditulis dalam bahasa yang dapat dimengerti oleh sistem misalnya C/C++, Fortran, Perl, Tcl, Visual Basic, dan lain-lain. Pemilihan bahasa yang digunakan tergantung dari sistem yang digunakan. Jika kita menggunakan bahasa pemrograman seperti C atau Fortran maka program-program yang kita buat harus dikompile terlebih dahulu sebelum dijalankan sehingga pada server akan terdapat source code dan program hasil kompilasi. Berbeda bila kita menggunakan bahasa script seperti PERL, TCL, atau Unix Shell maka hanya akan terdapat script itu sendiri (tanpa ada source code). Banyak orang yang lebih suka memilih menggunakan script CGI dibandingkan dengan bahasa pemrograman karena lebih mudah untuk di-debug dan dimodifikasi. Dalam pembahasan kali ini kita akan menggunakan Perl sebagai bahasa script-nya. 
 Cara kerja CGI :
  • Aplikasi CGI, yang berupa file skrip, ditaruh di lokasi direktori yang dapat diakses oleh web server.
  • Jika ada permintaan terhadap aplikasi dari klien, web server akan membaca skrip dan menjalankan program.
  • Web server memberi program ini masukan (termasuk masukan yang diberikan klien) dari masukan standar (stdin) serta beberapa environment variable.
  • Web server menunggu program berjalan hingga selesai lalu menangkap keluaran standar program (stdout). Keluaran inilah yang diberikan ke klien.

Kelebihan CGI
  • Skrip CGI dapat ditulis dalam bahasa apa saja, namun barangkali sekitar 90% program CGI yang ada ditulis dalam Perl.
  • Protokol CGI yang sederhana, serta
  • Kefasihan Perl dalam mengolah teks, menjadikan menulis sebuah program CGI cukup mudah dan cepat.
Kelemahan CGI
  • Kecepatan (skalabilitas).
Untuk menghasilkan keluaran program CGI, overhead yang harus ditempuh cukup besar.
Dalam kasus CGI Perl, prosesnya sbb:
  • Web server terlebih dahulu akan menciptakan sebuah proses baru dan menjalankan interpreter Perl.
  • Perl kemudian mengkompilasi script CGI tersebut, baru kemudian menjalankan skrip.
Keseluruhan siklus ini terjadi untuk setiap request. Dengan kata lain, terlalu banyak waktu dibuang untuk menciptakan proses dan tidak ada cache skrip yang telah dikompilasi.
Jika sebuah situs web menerima kurang dari sepuluh hingga dua puluh ribu hit CGI per hari, rata-rata mesin web server Unix yang ada sekarang ini mampu menanganinya dengan baik.
Angka ini relatif, bergantung pada:
  • Tingkat pembebanan mesin web server untuk melakukan pekerjaan lain (misalnya, mengirim mail dan menjalankan server database).
  • Aplikasi CGI itu sendiri (sebab beberapa aplikasi CGI berupa skrip tunggal berukuran besar hingga waktu loading-nya cukup lama; umumnya aplikasi CGI yang rumit memecah diri menjadi skrip-skrip terpisah untuk mengurangi waktu loading).
  • Cepat atau lambatnya penampilan halaman web yang diterima klien akan lebih bergantung pada koneksi jaringan.
 

Read More......

Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu website, baik tata letak, jenis huruf, warna, dan semua yang berhubungan dengan tampilan atau gaya suatu web.

Fungsi : 
CSS digunakan untuk mengatur style atau tampilan dari dokumen HTML. 

Kelebihan:
  1. Memisahkan desain dengan konten halaman web.
  2. Mengatur desain seefisien mungkin.
  3. Jika kita ingin mengubah suatu tema halaman web, cukup modifikasi pada css saja. 
  4. Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML.
  5. Lebih mudah didownload karena lebih ringan ukuran filenya.  
  6. Satu CSS dapat digunakan banyak halaman web.  
  7. Dengan CSS, anda akan dapat mempersingkat waktu kerja anda untuk membuat halaman web.  
  8. Ukuran File HTML akan menjadi lebih kecil, karena file CSS berada diluar HTML (kalau menggunakan External Stylesheet). 
 
Kekurangan: 
  1.  Tampilan pada browser berbeda-beda. 
  2. Kadang juga terdapat browser yang tidak support CSS (browser lama). 
  3. Harus tahu cara menggunakannya. 
  4. dibutuhkan waktu lebih lama dalam membuatnya. 
  5. Masih ada bug/error dalam CSS.

Read More......

Tools Untuk Mengedit HTML


HTML Kit-free
HTML kit-free merupakan editor yang dipenuhi dengan berbagai fitur yang dirancang untuk membantu penulis HTML,XHTML,XML untuk mengedit, memformat, pencarian bantuan velidasi,preview dan mempublikasi halaman web.

Berikut beberapa fitur dari html kit-free

Editor : 
  1. Dilengkapi dengan fitur drag and drop
  2. Mengedit banyak dokumen dengan banyak kemampuan yang memudahkan peralihan antar file dengan menggunakan task bar atau melihat banyak file dalam waktu yang sama
  3. Shortcut keyboad yang dapat disesuaikan dengan kemampuan membuat perintah keyboard dengan kombinasi berbagai perintah.

Tempat kerja :
  1. Mengakses file lokal, drive jaringan dan server FTP dengan menggunakan antar muka yang sederhana.
  2. Melihat gambar, HTML dan berbagai file lainnya melalui workspace
  3. Memasukkan gambar, link dan jalan pintas lainnya melalui workspace

Bookmark,pencarian dan penggantian :
  1. Mudah untuk pergi ke editor bookmark,garis,kolom, dan lokasi byte
  2. Menemukan tag yang cocok dan dapat memiliki tag atau konten pada pertengahan.   

HTML Parser
HTML parser adalah sebuah tool yang digunakan untuk untuk mengkonversi kode HTML supaya kode HTML tersebut bisa tampil di blog post atau sidebar. Itulah definisi dari HTML parser menurut saya sendiri. Definisi tersebut saya buat berdasarkan mamfaat yang saya lihat atau ketahui dari HTML parser ini. HTML Parser bekerja dengan memindai input HTML, dan mengelompokkannya ke dalam segmen, bagaimana teks akan ditafsirkan oleh browser.
Kalau dibahasakan dengan bahasa yang paling mudah, HTML parser digunakan untuk memparse kode HTML supaya kode HTML muncul di tempat yang kita inginkan misalnya : Tempat postingan, kolom komentar atau kolom widget.

Read More......

TUTORIAL HTML

HTML Headings
HTML Paragraphs
HTML Images
HTML Links

HTML Line Breaks
HTML bold/italic
HTML Font, Color and Size
HTML Text Alignment
HTML Tables HTML Lists
HTML Forms
HTML Audio

HTML Headings

untuk membuat judul menggunakan tag < hn> judul < /hn > dengan n adalah angka untuk ketebalan tulisan. angka ini berkisar dari 1 sampai 6
contoh:

Heading menggunakan tag h1

Heading menggunakan tag h2

Heading menggunakan tag h3

Heading menggunakan tag h4

Heading menggunakan tag h5
Heading menggunakan tag h6

HTML Paragraphs

untuk membuat paragraf maka digunakan tag < p > teks < /p > (tanpa spasi)
contoh :

This is a paragraph.

This is another paragraph.

HTML Images

Untuk memasukkan gambar ke dalam dokumen HTML digunakan elemen img di ikuti dengan src (source) sebagai sumber atau lokasi dari gambar. Ketika memasukkan gambar ke dalam dokumen HTML ada tiga atribut yang sangat penting harus selalu disertakan dengan elemen img yaitu alt, width dan height.

Alt (alternate) adalah sebagai teks alternatif yang ditampilkan oleh browser ketika gambar tidak dapat ditampilkan atau ditemukan sedangkan width dan height adalah ukuran lebar dan tinggi gambar dalam satuan pixel(px).

sebagai contoh, kita aka memasukkan gambar Julia Robert dengan width dan height masing-masing 100. berikut hasilnya : Julia Robert

HTML Links

Tag HTML yang digunakan untuk membuat link adalah < a > dan < /a >. Teks apapun yang diapit atau yang berada diantara kedua tag ini akan membentuk sebuah link.

Target dari link adalah alamat url dari sebuah site yang harus ditambahkan diantara tag < a > dan < /a > dengan menggunakan href, sebagai contoh kita akan membuat teks link dengan menggunakan alamat url web ini= "http://www.makandimanakita.co.nr".
contoh: test link

Link dengan gambar
untuk membuat link dengan gambar, setelah kita menuliskan link biasa (menggunakan href) selanjutnya diikuti dengan alamat url gambar yang dimasukkan. misalkan kita ingin membuat link ke yahoo dengan gambar yahoo. berikut hasilnya

HTML Line Breaks

Gunakan tag < br > (tanpa spasi) untuk membuat baris baru tanpa membuat paragraf baru. tag ini tidak memiliki tag penutup. letakkan tag ini sebelum pindah baris. contoh:

This is
a para
graph with line breaks

HTML Bold/Italic

Untuk memberikan efek tulisan tebal menggunakan tag < b > teks < /b > (tanpa spasi). sedangkan untuk membuat tulisan dengan efek miring menggunakan tag < i > teks < /i > (tanpa spasi). contoh :
Tulisan Tebal
Tulisan Miring

HTML Font, Color and Size

untuk mengatur jenis tulisan, ukuran serta warna nya maka kita gunakan font-family, color, and font-size properties


contoh:

A heading

A paragraph.

Text Alignment

Untuk membuat posisi teks (berada di kiri, kanan, atau tengah) maka kita gunakan text-align. contoh:


Center-aligned heading

This is a paragraph.

HTML Tables

gunakan tag < table > untk membuat sebuah tabel. dalam membuat tabel terdiri dari tag baris ( < tr > ) dan tag kolom ( < td > ). contoh :

baris 1, kolom 1 baris 1, kolom 2
baris 2, kolom 1 baris 2, kolom 2

Tables dengan border

Kadang dalam membuat sebah tabel kita ingin agar border nya terlihat lebih tebal atau sama sekali tidak terlihat. caranya kita hanya memberi nilai pada atribut border. contoh dengan border nya 0 (border tidak terlihat).

baris 1, kolom 1 baris 1, kolom 2

Tables Header

Table header (judul tabel) bisa dibuat dengan menggunakan tag < th >. biasanya table header ini terletak ditengah dan tulisannya bold. contoh:

Judul 1 Judul 2
baris 1, kolom 1 baris 1, kolom 2
baris 2, kolom 1 baris 2, kolom 2

HTML Lists

Membuat list pada HTML, bisa dengan cara berurut (ordered list) dan tidak berurut (unordered list) ordered list ditandai dengan angka, sedangkan unordered list ditandai dengan bulatan kecil.


contoh ordered list :
  1. Coffee
  2. Milk
Contoh unordered list:
  • Coffee
  • Milk

HTML Forms

form digunakan untuk memasukkan data kedalam server. tag yang digunakan adalah < form > input element < /form >. untuk inputan berupa teks maka input type nya bernilai 'text'. contoh :

First name:
Last name:

HTML Audio

Pada contoh memasukkan audio ini, kita menggunakan lagu yang sumbernya dari soundcloud.com.

Taylor Swift We Are Never Ever Ever Getting Back Together.. by taylorswift69

Read More......

Konsep Dasar Web
Secara teknis web terdiri dari 2 bagian, yaitu Web Server dan Web Browser:

1.Web Server, yaitu Suatu komputer dan software yang menyimpan serta mendistribusikan data ke komputer client melalui internet yang meminta informasi tersebut, Software webserver ini diantaranya: Apache, MySQL, dan PHP. Sebut saja dengan hostingan, atau kalau di komputer lokal juga bisa dengan menggunakan program PHPTriad, Apache2Triad, Xampp, dll.

2. Web Browser, yaitu Software/program yang beroperasi untuk melakukan proses permintaan dari server dan menampilkannya di mata client, sehingga informasi tersebut dapat diakses, contohnya adalah: IE, Mozila Firefox, Opera, Clock, Google Chrome,dll.

Aplikasi web berjalan pada protokol HTTP, dan semua protokol di internet selalu melibatkan antara server dan client. Ketika seseorang mengetikkan suatu alamat di browser, maka browser akan mengirimkan perintah tersebut ke web server. Jika yang diminta oleh client adalah file yang mengandung perintah server side maka server web akan menjalankan dahulu program tersebut lalu mengirimkannya kembali ke browser dalam bentuk HTML sehingga dapat diterjemahkan oleh browser. Sedangkan jika yang diminta oleh client adalah file yang mengandung file client side maka oleh server file tersebut akan langsung dikirimkan ke browser. untuk server side programming seperti php dan asp, memang terkenal handal, apalagi php saya dapat merasakannya sendiri, betapa hebatnya bahasa yang satu ini, untuk penggunaan database gak perlu di tanya lagi, sangat canggih, dan masih banyak lagi yang bisa di lakukan oleh php. namun tidak semua layanan efektive menggunakan server side saja. Contohnya kalian ingin membuat content yang realtime update seperti bursa saham contohnya, gak mungkin donk kalian pake php atau asp yang berbasis server side untuk menampilkan data yang up to date itu, karena kita tau bahasa tersebut berjalan / dieksekusi pada saat page load, dan membutuhkan proses lagi di server baru kemudian di kirimkan ke browser, sebenarnya bisa saja dilakukan tapi gak lucu kalo kita harus membuat web browser refresh tiap detiknnya, karena akan memakan waktu dan tidak efektif.


Domain dan Hosting
1. Domain

Domain adalah nama alamat situs kita di internet, contohnya
www.gunadarma.ac.id atau yang lainnya, kalin bisa memilih apa saja namanya asalkan nama itu belum domain itu belum ada yang mempunyai, Kalian akan mendapatkan hak penuh atas nama domain yang telah anda beli.
Daftar harga pemesanan nama domain berbayar:

Nama domain Harga Per/tahun
.com/ .net/ .org : Rp. 88.000,-
.ca/ .de/ .co.uk/ .org.uk : Rp. 220.000,-
.cn/ .cc/ .tv : Rp. 440.000,-
.us/ .biz/ .info/ .name : Rp. 132.000,-
Indonesia (.co.id/ .ac.id) : Rp. 200.000,-
.as.gs/ .as.ms/ .my.gs/ .my.tc : Rp. 55.000,-

Selain domain yang berbayar seperti diatas, namun ada juga perusahaan-perusahaan domain dari luar yang menyediakan domain gratis, tanpa bayar sepeserpun, syaratnya cuma registrasi doang, kayak bikin email-email gitu aja kita udah punya domain yang gratisan, yahh lumayanlah buat belajar-belajaar bikin website.
Nama domain yang gratisan diantaranya adalah:


Nama domain Daftar di:
.co.cc :
http://www.co.cc/
.co.nr :
http://www.co.nr/
.cz.cc :
http://www.cz.cc/
.co.tv :
http://www.co.tv/
.eu.tv :
http://www.eu.tv/
.tk :
http://www.tk/
 

2. Hosting

Hosting adalah tempat untuk menyimpan file-file web kalian yang telah dibikin dirumah, ibaratnya dia adalah kalo kayak dirumah Xampp atau Apache2Triad yang ada MySQL nya dan PHP nya itu loh, tau kan?? Kebangetan kalo nggak tau, OK lanjut,,Peranan hosting ini sangat penting terhadap website yang kalian, karena semua file serta database akan tersimpan disini, fasilitas yang ditawarkannya pun berbeda-beda dari platform servernya ada yang linux maupun windows atau juga berbeda-beda pada versi dari MySQL atau PHP nya, maka dari itu ada baiknya kalau kita sebelum membeli hostingan kita lihat dulu fasilitas-fasilitas yang ditawarkan oleh perusahaan hostingan tersebut apakah sudah sesuai dengan web yang telah kita buat atau belum.

Fasilitas-fasilitas yang mesti kalian perhatikan adalah sebagai berikut:

* Dukungan CPanel
* Servernya Linux/Windows
* Kapasitas Web Space
* Jatah bandwith
* Setup nya free
* Domain free (Biasanya ada juga hostingan yang memberikan domain free)
* Versi PHP
* Versi MySQL
* POP3
* Email
* Password protection files

Penyewaan hosting biasanya harganya berkisar antara Rp.100.000,- s/d Rp.3.000.000,- Per/tahunnya. Itu semua berdasarkan fasilitas yang kita pesan. Semakin mahal semakin komplit fasilitasnya.

Nah selain hostingan yang berbayar kini banyak sekali perusahaan hosting yang menyediakan layanan hosting gratisan, tanpa bayar sepeserpun, kita tinggal registrasi aja & langsung dikasih account hostingan, yah walaupun gak sesempurna yang berbayar, tapi kalau menurut saya sangat lumayan lah untuk kita belajar-belajar bikin website, nama situs yang menyediakan hostingan gratisan diantaranya adalah:

*
http://www.000webhost.com/
*
http://www.awesomewebspace.com/
*
http://www.agilityhoster.com/
* dll

Arsitektur Web

Arsitektur Website adalah suatu pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web.
Sejak web perencanaan isi, desain dan manajemen datang dalam lingkup metode desain, Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan dapat memandu arsitektur situs, seperti yang mereka lakukan arsitektur fisik dan disiplin desain lainnya. Website arsitektur akan datang dalam ruang lingkup estetika dan teori kritis dan kecenderungan ini dapat mempercepat dengan munculnya web semantik dan web 2.0. Kedua ide menekankan aspek struktur informasi. Strukturalisme adalah sebuah pendekatan untuk pengetahuan yang telah dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis dan postmodernisme. Web 2.0, karena melibatkan user-generated content, mengarahkan perhatian arsitek website untuk aspek-aspek struktur informasi.
“Website arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk disiplin intelektual mengatur konten website. ”Web desain”, dengan cara kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan teknis, dari merancang dan menerbitkan sebuah situs web. Perbedaan tersebut dibandingkan dengan yang antara tugas mengedit sebuah koran atau majalah dan desain grafis dan pencetakan. Tetapi hubungan antara editorial dan kegiatan produksi adalah lebih dekat untuk publikasi web daripada untuk penerbitan cetak.

Pengertian HTTP

Pengertian HTTP atau definisi HTTP (HyperText Transfer Protocol) adalah sebuah protokol untuk meminta dan menjawab antara client dan server. Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port tertentu di tempat yang jauh (biasanya port 80). Sebuah server HTTP yang mendengarkan di port tersebut menunggu client mengirim kode permintaan (request), seperti “GET / HTTP/1.1” yang akan meminta halaman yang sudah ditentukan, diikuti dengan pesan MIME yang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu.  

Server Side Programming

Server side programming, yaitu Script/pemrograman yang diterjemahkan dan dijalankan pada sisi server yang hasil eksekusinya dikirimkan ke client, contohnya adalah script PHP, ASP, dll. Keuntungan dari server side programming adalah membuat halaman website lebih dinamis, sehingga kita sebagai admin dapat berkomunikasi dengan para client.

Client Side Programming

Client side programming, yaitu Script/pemrograman yang diterjemahkan disisi client dimana script tersebut akan langsung dikirimkan ke browser client tanpa harus diterjemahkan oleh web server, contohnya Script HTML, Java Script, txt, dll, namun sayangnya script ini dapat dibaca oleh client dengan fasilitas "view souerce" pada browser, tapi salah satu keuntungannya transfer data dapat lebih cepat dibandingkan dengan script side server.

Web Server Software

Web server software merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman - halaman web yang umumnya berbentuk dokumen HTML
Macam - macam Web Server diantanya:
Apache Web Server - The HTTP Web Server
1.Apache Tomcat
2.Microsoft windows Server 2003 Internet Information Services (IIS)
3.Lighttpd
4.Sun Java System Web Server
5.Xitami Web Server
6.Zeus Web Server
Namun web yang terkenal dan yang sering digunakan adalah Apache dan Microsoft Internet Information Service (IIS).
Cara kerja web server :
1. Cara kerja Web Server Web server merupakan mesin dimana tempat aplikasi atau software beroperasi dalam medistribusikan web page ke user, tentu saja sesuai dengan permintaan user.
2. Hubungan antara Web Server dan Browser Internet merupakan gabungan atau jaringan Komputer yg ada di seluruh dunia. Setelah terhubung secara fisik, Protocol TCP/IP (networking protocol) yg memungkinkan semua komputer dapat berkomunikasi satu dengan yg lainnya. Pada saat browser meminta data web page ke server maka instruksi permintaan data oleh browser tersebut di kemas di dalam TCP yg merupakan protocol transport dan dikirim ke alamat yg dalam hal ini merupakan protocol berikutnya yaitu Hyper Text Transfer Protocol (HTTP). HTTP ini merupakan protocol yg digunakan dalam World Wide Web (WWW) antar komputer yg terhubung dalam jaringan di dunia ini. Untuk mengenal protocol ini jelas sangan mudah sekali dimana setiap kali anda mengetik http://… anda telah menggunakannya, dan membawa anda ke dunia internet. Data yg di passing dari browser ke Web server disebut sebagai HTTP request yg meminta web page dan kemudian web server akan mencari data HTML yg ada dan di kemas dalam TCP protocol dan di kirim kembali ke browser. Data yg dikirim dari server ke browser disebut sebagai HTTP response. Jika data yg diminta oleh browser tidak ditemukan oleh si Web server maka akan meninbulkan error yg sering anda lihat di web page yaitu Error : 404 Page Not Found.
Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya dengan mengklik beberapa bagian dari halaman-halaman dokumen (web) itu. Proses yang dimulai dari permintaan webclient (browser), diterima web server, diproses, dan dikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secara transparan. Setiap orang dapat dengan mudah mengetahui apa yang terjadi pada tiap-tiap proses. Secara garis besarnya web server hanya memproses semua masukan yang diperolehnya dari web clientnya.

Konsep HTML

HTML adalah kepanjangan dari Hyper Text Markup Language, merupakan bahasa text yang menggunakan tanda-tanda (markup) yang dikenal dengan , dimana nantinya merupakan pengembangan dari SGML (Standart Generaize Markup language). Dengan HTML dapat dibuatkan suatu halaman web statis dimana nantinya merupakan dasar dari halaman web dinamis. Membuat halaman web menggunakan HTML dapat dilakukan dengan editor khusus HTML seperti Notepad, Wordpad atau Ms.word atau editor lain seperti Editplus dan Ms.frontpage.
Pembuatan HTML pertama adalah team bernes-lee yang pada saat itu bekerja di european particle physics lab CERN (Consel European pour la Racherche Nucleare) di Ganeva,Swiss. Dimana idenya adalah untuk pemakaian secara bersama antara beberapa computer kolegannya menggunakan hypertext, sehingga dapat menampilkan dokumen pada tampilan browser HTML, pada saat itu browser yang digunakan adalah browser mosaic yang digunakan untuk pertama kalinya. Dengan tampilan dokumennya yang menggunakan HTML maka pembaca dapat melompat dari dokumen yang lain, hanya melakukan klik pada kata yang diinginkan, bahkan dapat melompat ke alamat lain.
Sejak itu,pada tahun 1993 banyak pengembang yang ingin mengembangkan HTML, sehingga perkembangannya sangat pesat, penambahan fasilitas baru dibuat, guna menyempurnakan kemampuan HTML dengan tidak mengubah cara kerjanya, yaitu dengan munculnya HTML pada tahun 1993. kemudian tahun 1995 muncul versi HTML 2.0 pada bulan November yang dirilis oleh IETF (Internet Enginnering Taks Force) dan disusul HTML 3.0 yang tentunya mempunyai kelebihan dari versi-versi sebelumnya. Kemudian pada tahun 1997 muncul HTML versi 3.2 yaitu pada bulan januari dan versi-versi berikutnya kemudian dirilis seperti versi 4.0 pada tahun 1997 dan versi 4.01 yang merupakan HTML versi terbaru, dikeluarkan oleh W3C sekitar april 1999, dimana mendukung halaman web dinamik.
HTML Tingkat Dasar
Untuk memulai pembuatan halaman HTML maka dapat dimulai dengan menyiapkan editor yang akan digunakan, misalkan dengan menggunakan EditPlus atau NotePad, yang dilakukan disini adalah menggunakan EditPlus.
Format halaman HTML adalah terdiri dari dua bagian yaitu bagian header dan bagian body, yang semuanya itu dibuka dan ditutup dengan . Seperti tag adalah digunakan untuk tanda awal dari suatu halaman HTML, sedangkan tag (diawali dengan slash) digunakan untuk tanda akhir dari suatu halaman HTML. Tag-tag tersebut dapat ditulis dengan huruf kecil maupun besar, karena HTML tidak mengenal case sensitive (membedakan huruf kecil dan besar).
Suatu tampilan browser dari halaman web biasanya menggunakan judul (title) yang digunakan untuk menanamkan suatu halaman web dan untuk memberikan nama pada saat suatu halaman web akan menampilkan nama pada menu browser (menu favorit). Judul ini akan ditampilkan pada bagian kiri atas suatu browser seperti gambar 2.1.10 diatas. Untuk menyimpan halaman dari EditPlus harus berekstensi “*html”, dimana “ * “ adalah nama document. Jika tidak dilakukan, maka pada saat document ditampilkan yang muncul adalah tampilan EditPlus.
Apa yang dapat dilakukan dengan HTML ?
 Menentukan format text.
 Menampilkan informasi dalam bentuk table.
 Menyisipkan citra atau gambar dan link.

 











Read More......