BAHASA HTML
(Hypertext Markup
Language)
HTML Merupakan suatu script dimana kita bisa menampilkan informasi dan daya kreasi kiata lewat Internet.HTML memiliki perbedaan dengan dokumen teks biasa.misalnya:perbedaan yang paling men-colok adalah pada dokumen
word,banyaknya karakter akan terbatasi oleh besarnya kertas.Sedangkan HTML tak memiliki batasan teks.
HTML adalah Bahasa pemrograman yang fleksibel di mana kita bisa meletakkan skrip dari bahasa pemrograman lain seperti JAVA,Visual Basic,C dan lain-lain.jika HTML tersebut tidak dapat mendukung suatu perintah pemrograman
tertentu.Browser tidak akan menampilkan kotak dialog”Syntax Error” jika
terdapat penulisan kode yang keliru pada skrip HTML sepanjang kode-kode yang kita tuliskan merupakan kode-kode HTML tanpa penambahan kode-kode dari luar seperti java. Oleh karena itu,jika terjadi syntax error pada skrip HTML ,efek yang paling jelas adalah HTML tersebut tak akan ditampilkan pada halaman jendela Browser.
1. Sejarah HTML
Konsep hypertext bagi kebanyakan orang merupakan sesuatu yang baru.ide pembuatan Hypertext itu sendiri muncul tatkala kita akan memberikan suatu penjelasan khusus terhadap dokumen lainnya lewat suatu link.HTML memiliki arti bahwa dalam suatu dokumen teks terdapat dua bagian yang khusus,yaitu bagian teks itu sendiri dan bagian elemen-elemen yang menjelaskan teks-teks itu.Konsep HTML diciptakan pertama kali oleh IBM pada tahun 1980 pada saat tercetus ide untuk meletakkan elemen-elemen yang menandai bagian suatu dokumen seperti
judul,alamat,dan isi dokumen.Lalu ,pada akhirnya elemen-elemen itu menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.Bahasa pemrograman untuk melakukan tugas tersebut disebut markup Language,atau lebih lengkapnya IBM menamai program tersebut Generalized Markup Language(GML)
a. SGML KE HTML
HTML dulu merupakan salah satu bagian dari SGML ini.Seorang peneliti yang bernama Tim Berners-Lee dari CERN-yang kini menjadi direktur W3C mengemukakan suatu ide tentang pembuatan suatu skrip bahasa pemrograman dan dokumen yang bisa diakses oleh seluruh komputer tanpa melihat jenis platform-nya apakah
windows,UNIX,Linux,dan sebagainya.Semenjak itu HTML justru lebih populer daripada SGML
Hingga kini HTML telah mencapai versi 3.02 yang telah kita pakai sekarang ini
I. HTML VERSI 1.0
HTML Versi 1.0 merupakan HTML Pionir yang di dalamnya masih terdapat banyak sekali kelemahan sehingga wajar jika
tampilanyang di hasilkan sangat sederhana.Kemampuan yang dimiliki versi 1.0 ini antara lain
heading,paragraf,hyper-Text,list,serta cetak tebal dan miring pada teks.Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan text di sekelilingnya. II. HTML VERSI 2.0
Pada versi ini,penambahan kualitas HTML terletak pada kemampuan untuik menampilkan suatu form pada dokumen.Dengan adanya form ini ,maka kita dapat memasukkan nama,alamat,serta saran dan kritikan.HTML Versi 2.0 ini merupakan pionir dari adanya Homepage interaktif.
III. HTML VERSI 3.0
Versi HTML 3.0 menambahkan beberapa fasilitas baru seperti FIGURE yang merupakan perkembangan dari IMAGE untuk meletakkan gambar dan tabel.selain itu,HTML ini mendukung adanya rumus-rumus matematika dalam dokumennya.
IV. HTML VERSI 3.2
HTML Versi 3.2 merupakan HTML yang sering kita gunakan saat ini.Di dalamnya terdapat suatu teknologi untuk meletakkan teks di sekeliling gambar,gambar sebagai latar belakang,tabel,frame stylesheet,dan lain-lain.Selain itu pada HTML Versi ini,kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML kita tersebut seperti JAVASCRIPT,VBSCRIPT,dan lain-lain
V. HTML VERSI 4.0
HTML Versi 4.0 ini merupakan HTML Versi terakhir pada saat buku ini dibuat.HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya .Perubahan ini hampir terjadi di segala perintah-perintah HTML seperti
table,image,link,text,meta,imagemaps,form,dan lain-lain.Selain Itu versi ini menambahkan beberapa perintah seperti
ABBR,ACRONYM,BDO,BUTTON,FIELDSET,INS,LABEL,LEGEND,OBJECT, OPTGROUP,PARAM,TBODY,TFOOT,THEAD,dan Q.
3. Mendesain HTML
Mendesain HTML berarti melakukan suatu tindakan
pemrograman.itu berarti jika anda desainer Homepage,maka anda adalah seorang programmer.Mendesain Homepage tidaklah hanya sebatas menuliskan perintah-perintah tertentu agar HTML kita dapat di akses di Browser.Mendesain Homepage adalah suatu seni tersendiri.Homepage-yang merupakan implementasi dari HTML-merupakan refleksi dari orang yang membuatnya.Untuk itu kita perlu mendesainnya denagn baik agar para netter merasa tertarik dan betah untuk mengunjunginya(bahkan kalau bisa
Navigator Gold,microsoftword,dan lain-lain,atau menuliskan script sendiri.Ada kelebihan dan kekurangan dari dua caradiatas.Kelebihan cara pertama,proses desain homepage dapat langsung di lihat dan energi kita tidak banyak di keluarkan.Namun kelemahanny6a dengan HTML Editor ,kita tidak bisa mensisipi suatu perintah tertentu seperti frame,form,dan lain-lain.Sedangkan dengan perintah script sendiri,energikita cukup banyak terkuras,dan hasilnya tak langsung dapat di lihat.script tersebut harus di buka oleh web Browser.Namun kelebihannya kita bebas menyisipi suatu perintah-bahkan perintah yang bukan merupakan default
HTML,seperti JAVASCRIPT.
Beberapa web Browser ,Seperti Netscape Navigator,memiliki suatu fasilitas untuk mendesain Homepage lewat HTML Editornya.Cara mendesain seperti ini akan terasa lebih menyenangkan di mana kita tidak perlu menghafal kode-kode perintah dan untuk HTML Editor yang mendukung kemampuan WYSIWYG.hasil desain homepagenya dapat langsung kita lihat.HTML Editor ini bisa dimanfaatkan bagi mereka yang masih awam terhadap bahasa pemrograman HTML ini.caranya,setelah mendesain suatu Homepage tertentu.htm tersebut kita buka lewat text-editor,seperti Notepad for windows. 4. Bagian-Bagian pada HTML
HTML terdiri dari beberapa bagian fungsinya sebagai tanda suatu kelompk perintah tertentu,misalnya perintah form,frame.
1) Elemen dan Tag
Elemen pada HTML dapat didefinisikan sebagai suatu kode tertentu yang akan menyediakan tempat untuk meletakkan beberapa kode di dalamnya.Berbeda dengan Tag yang menangani satu kode saja.Untuk lebih jelasnya perhatikan skema elemen di bawah ini. <HTML>
...elemen Pembuka... <HEAD>
...di sini dapat anda masukkan kode-kode untuk untuk menuliskan keterangan tentang dokumen anda...
</HEAD> <BODY>
...DISINI DAPAT ANDA MASUKKAN KODE-KODE UNTUK ME-LAYOUT TAMPILAN Homepage anda...
</BODY> </HTML>
...ELEMEN PENUTUP...
2) Referensi Perintah –perintah HTML
Color Name Color HEX Color
PowderBlue #B0E0E6 Purple #800080 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 SlateGrey #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32
