SEJARAH HTML
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force).
HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
DASAR HTML
Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
PERKEMBANGAN HTML
Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat.
Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.
HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).
HTMl versi 2.0
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.
HTML versi 4.0
HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.
Kemudian lahir HTML versi 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML 4.01 menjadi standart pada tahun 1999. HTML 4.01 merupakan perbaikan dari HTML versi 4.0 yang terlebih dahulu diterbitkan (18 Desember 1997). HTML versi HTML 4.01 masih standart resmi sampai sekarang ini .
HTML 5
HTML 5 merupakan perkembangan html generasi saat ini dan merupakan generasi terakhir dan mungkin akan berkembang lagi mengikuti perkembangan jamanAda
KEKURANGAN DAN KELEBIHAN HTML
Seperti yang kita tahu bahwa, setiap bahasa dan program mempunyai kelebihan dan Kekurangan. Ada baiknya kita mengetahui kelebihan dan kekurangan dari HTML sehingga kita bisa memaksimalkan pengetahuan dan wawasan kita dalam mengeksplorasi dunia browser.
Kelebihan-kelebihan HTML antara lain:
1. Merupakan bahasa penkodean yang lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang berbeda. Jadi bersifat fleksibel karena ditulis cukup dengan menggunakan editor karakter ASCII.
2. Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink. Gambar di sini digunakan untuk merujuk pada suatu halaman web, dimana setiap titik-titik yang sudah didefinisikan berupa rectangular (kotak), poligon (kurva tak beraturan) atau lingkaran digunakan untuk ‘jump’ ke halaman lain, atau link ke halaman di luar web yang bersangkutan.
3. Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug-in khusus untuk menjalankan file-file animasi ini).
4.Dapat disisipi bahasa pemrograman untuk mempercantik halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP dan sebagainya.
Bukan merupakan bahasa pemrograman jadi tidak memerlukan kompiler. Cara menjalanakannya cukup dengan menggunakan browser.
Adapun kekurangan dari HTML ini adalah:
1. Menghasilkan halaman yang statis, yang saya tahu untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.
2. Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam.
Tidak dapat menghasilkan halaman yang interaktif. Interaktif di sini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu, HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut, contohnya Perl atau Tcl.
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force).
HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
DASAR HTML
Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
PERKEMBANGAN HTML
Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat.
Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.
HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).
HTMl versi 2.0
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.
HTML versi 4.0
HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.
Kemudian lahir HTML versi 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML 4.01 menjadi standart pada tahun 1999. HTML 4.01 merupakan perbaikan dari HTML versi 4.0 yang terlebih dahulu diterbitkan (18 Desember 1997). HTML versi HTML 4.01 masih standart resmi sampai sekarang ini .
HTML 5
HTML 5 merupakan perkembangan html generasi saat ini dan merupakan generasi terakhir dan mungkin akan berkembang lagi mengikuti perkembangan jamanAda
KEKURANGAN DAN KELEBIHAN HTML
Seperti yang kita tahu bahwa, setiap bahasa dan program mempunyai kelebihan dan Kekurangan. Ada baiknya kita mengetahui kelebihan dan kekurangan dari HTML sehingga kita bisa memaksimalkan pengetahuan dan wawasan kita dalam mengeksplorasi dunia browser.
Kelebihan-kelebihan HTML antara lain:
1. Merupakan bahasa penkodean yang lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang berbeda. Jadi bersifat fleksibel karena ditulis cukup dengan menggunakan editor karakter ASCII.
2. Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink. Gambar di sini digunakan untuk merujuk pada suatu halaman web, dimana setiap titik-titik yang sudah didefinisikan berupa rectangular (kotak), poligon (kurva tak beraturan) atau lingkaran digunakan untuk ‘jump’ ke halaman lain, atau link ke halaman di luar web yang bersangkutan.
3. Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug-in khusus untuk menjalankan file-file animasi ini).
4.Dapat disisipi bahasa pemrograman untuk mempercantik halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP dan sebagainya.
Bukan merupakan bahasa pemrograman jadi tidak memerlukan kompiler. Cara menjalanakannya cukup dengan menggunakan browser.
Adapun kekurangan dari HTML ini adalah:
1. Menghasilkan halaman yang statis, yang saya tahu untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.
2. Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam.
Tidak dapat menghasilkan halaman yang interaktif. Interaktif di sini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu, HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut, contohnya Perl atau Tcl.
Pengertian HTML, Fungsi
HTML serta Sejarah HTML
Pengertian HTML, Fungsi HTML serta Sejarah HTML. Apa itu HTML ? HTML
adalah kepanjangan atau singkatan dari Hyper Text Markup Language.
Setiap kita menjelajah di internet, membuka website apapun, kita pasti
akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada
diinternet, dibuat dengan menggunakan bahasa markup HTML.
Di Artikel kali ini kita akan mengetahui tentang apa yang dimaksud html,
fungsi html, sejarah html, cara membuatnya serta mengenal bahasa HTML
terbaru yaitu HTML5. Akan saya mulai dengan pengertian html terlebih
dahulu.
Pengertian HTML
pengertian html fungsi html sejarah html
HTML adalah bahasa markup internet (web) berupa kode dan simbol yang
dimasukkan kedalam sebuah file yang ditujukan untuk ditampilkan didalam
sebuah website. Singkatnya, HTML adalah bahasa markup yang digunakan
untuk membuat website. Website yang dibuat dengan HTML ini, dapat
dilihat oleh semua orang yang terkoneksi dengan internet. Tentunya
dengan menggunakan aplikasi penjelajah internet (browser) seperti
Internet Explorer, Mozilla Firefox dan Google Chrome.
Seperti yang sudah saya jelaskan sebelumnya, HTML adalah singkatan dari
Hyper Text Markup Language. Tapi mengetahui singkatannya saja tidak akan
cukup. Karena itu saya akan menyajikan arti dari kata kata tersebut.
HyperText adalah metode dimana kita "berpindah" disekeliling web,
dengan mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah
sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan
membawa kita ke halaman web selanjutnya/halaman web lain yang telah
ditentukan.
Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada
didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks
tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html , maka teks tersebut akan berubah menjadi italic (huruf yang miring). Sedangkan jika kita menandainya dengan ,
maka teks tersebut akan berubah menajadi bold (huruf tebal).
Language yang berarti bahasa. HTML adalah sebuah bahasa, yang
memiliki kata kata berupa kode dan syntax seperti bahasa yang lain.
Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan
pengguna internet semakin hari semakin berkembang pesat. Oleh karena itu
bahasa HTML harus ditingkatkan lagi agar bisa menciptakan halaman web
yang lebih berkualitas. Untuk itulah dibentuk sebuah organisasi yang
bertanggungjawab mengembangkan bahasa HTML. Organisasi ini bernama W3C.
Fungsi dan Kegunaan HTML
Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan
kegunaan. Beberapa manfaat dari HTML diantaranya
Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat
halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML.
Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak
memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika
tidak memiliki HTML sebagai pondasi, kita tidak dapat
mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain
website), Javascript (bahasa untuk menambah prilaku website), dan PHP
(bahasa pemrograman server website).
Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai
sebuah teks menjadi bergaris bawah dengan menggunakan tag html
Untuk menandai elemen/bagian pada halaman web. Sebuah website
memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita
dapat menandai setiap bagiannya dengan HTML.
Untuk menampilkan informasi dalam bentuk tabel
Untuk menambahkan objek seperti audio, video, gambar, dll dalam
halaman web
Untuk membuat online form
Struktur Dasar HTML
#1 Element
Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup.
Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat kode
html seperti ini
Yang berwarna biru, itu adalah pembuka. Yang warna hijau adalah isi.
Sedangkan yang warna merah adalah penutup. Isi adalah optional, dalam
artian tidak masalah jika kita tidak memberikan isi. Beda dengan pembuka
dan penutup, keduanya harus ada dalam sebuah kode html. Jika tidak maka
akan terjadi error, dan kode tidak akan berfungsi.
Ada juga pembuka dan penutup yang berbeda dengan contoh diatas.
Contohnya seperi ini
Pada tag input kita tidak perlu menutupnya dengan ,cukup dengan /> .
Bahkan dengan menuliskan > saja juga bisa.
#2 Tag
Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag
dengan nama head, dengan nama body, dan sebagainya. Tag ini sudah
diatur dari sananya, jadi kita tidak boleh membuatnya sendiri. Misal
jika kita menulis , jelas tidak akan berfungsi.
Untuk lebih memperjelas, berikut ini struktur dasar kode html
Hai teman teman, ini website pribadi saya lho..
Penjelasan
untuk menandai awal dan akhir dari file HTML
berisikan keterangan informasi seperti title dan jenis dokumen
sebagai judul halaman web
bagian ini adalah konten utama web seperti header, navigasi,
artikel , sidebar dan footer
Anda dapat menuliskan kode html di aplikasi bawaan Windows, Notepad.
Bisa juga mendownload aplikasi khusu untuk menulis kode yaitu Notepad++.
#3 Atribut
Atribut terdapat didalam script sebuah elemen, fungsinya untuk memberi
informasi tambahan tentang elemen. Nilai dari atribut harus ditutup
dengan tanda kutip.
Kode diatas akan membuat sebuah kotak isian yang dikhususkan untuk
menulis password. Dalam artian, jika kita menulis di isian tersebut,
tulisan kita akan berubah menjadi bintang bintang seperi ini ******.
Sejarah HTML
HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus
ide untuk menempatkan elemen elemen yang berguna untuk menandai bagian
suatu dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya
elemen element tersebut dibentuk menjadi suatu program untuk melakukan
pemformatan dokumen secara otomatis.
Bahasa pemrograman untuk melakukan tugas ini disebut sebagai bahasa
markup. IBM menamai program ini sebagai Generalized Markup Language.
Pada tahun 1986, konsep ini disetujui oleh ISO (International Standard
Organization) sebagai standar untuk pembuatan dokumen. Bahasa ini
dinamai oleh ISO sebagai Standard Generalized Markup Language (SGML)
HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari CERN
mengemukakan sebuah ide tentang pembuatan skrip bahasa pemrograman dan
dokumen yang dapat diakes oleh semua komputer tanpa melihat jenis
platformnya. Sejak saat itu HTML menjadi lebih populer dibandingkan
SGML.
Perkembangan HTML
Sejak dirilis, bahasa HTML terus mengalami perkembangan
HTML 1.0
HTML 1.0 adalah versi pertama dari HTML. Pada saat ini tidak banyak
orang yang ikut berpartisipasi dalam pembuatannya. Fitur dari versi ini
pun masih terbatas. Antar lain heading, paragraf, hypertext, list, efek
tebal dan miring pada teks. Versi 1.0 juga mendukung peletakan gambar,
namun tidak mendukung adanya teks disekeliling gambar.
HTML 2.0
HTML 2.0 masih membawa fitur sebelumnya dari versi 1.0, dengan tambahan
beberapa vitur baru. Fitur tersebut adalah form. Dengan form, kita dapat
memasukkan data data seperti nama, alamat, serta komentar. Hadirnya
fitur form ini menjadi awal terbentuknya website yang interaktif.
HTML 3.0
Pada versi ini, mulai banyak orang yang ikut memberikan kontribusi pada
HTML. Fitur baru yang hadir di versi ini salah satunya adalah tabel.
Versi HTML ini tidak bertahan lama dikarenakan banyak permasalahan
seperti perang antar browser. Karena itu, HTML ini segera diganti lagi
menjadi versi 3.2
HTML 3.2
Perang antar browser terus berlanjut dikarenakan mereka membuat tag HTML
mereka sendiri. Untuk menghentikan hal ini, dibentuklah sebuah
organisasi yang menangani standard dari HTML. Organisasi ini bernama
World Wide Web Consortium (W3C).
HTML 4.0
Dengan hadirnya W3C sebagai standarisasi HTML, perang browser terhenti.
HTML lalu berkembang menjadi HTML 4.0. Versi ini memuat banyak sekali
revisi dan perubahan dari versi sebelumnya. Perubahan ini terjadi di
hampir seluruh perintah HTML seperti text, link, image, imagemaps,
table, form, meta, dan lain lain.
HTML 4.01
Versi ini hadir untuk memperbaiki beberapa kesalahan di versi sebelumnya
XHTML 1.0
XHTML adalah gabungan dari HTML dan XML. Karena XHTML tidak se-fleksibel
HTML, tidak banyak orang yang menyukai versi ini.
HTML 5
HTML 5 adalah versi terakhir dari HTML saat artikel ini ditulis. HTML 5
membawa banyak sekali perubahan terhadap versi sebelumnya. Banyak tag
baru yang diperkenalkan, seperti
,
Pengertian HTML, Fungsi
HTML serta Sejarah HTML
Pengertian HTML, Fungsi HTML serta Sejarah HTML. Apa itu HTML ? HTML
adalah kepanjangan atau singkatan dari Hyper Text Markup Language.
Setiap kita menjelajah di internet, membuka website apapun, kita pasti
akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada
diinternet, dibuat dengan menggunakan bahasa markup HTML.
Di Artikel kali ini kita akan mengetahui tentang apa yang dimaksud html,
fungsi html, sejarah html, cara membuatnya serta mengenal bahasa HTML
terbaru yaitu HTML5. Akan saya mulai dengan pengertian html terlebih
dahulu.
Pengertian HTML
pengertian html fungsi html sejarah html
HTML adalah bahasa markup internet (web) berupa kode dan simbol yang
dimasukkan kedalam sebuah file yang ditujukan untuk ditampilkan didalam
sebuah website. Singkatnya, HTML adalah bahasa markup yang digunakan
untuk membuat website. Website yang dibuat dengan HTML ini, dapat
dilihat oleh semua orang yang terkoneksi dengan internet. Tentunya
dengan menggunakan aplikasi penjelajah internet (browser) seperti
Internet Explorer, Mozilla Firefox dan Google Chrome.
Seperti yang sudah saya jelaskan sebelumnya, HTML adalah singkatan dari
Hyper Text Markup Language. Tapi mengetahui singkatannya saja tidak akan
cukup. Karena itu saya akan menyajikan arti dari kata kata tersebut.
HyperText adalah metode dimana kita "berpindah" disekeliling web,
dengan mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah
sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan
membawa kita ke halaman web selanjutnya/halaman web lain yang telah
ditentukan.
Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada
didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks
tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html , maka teks tersebut akan berubah menjadi italic (huruf yang miring). Sedangkan jika kita menandainya dengan ,
maka teks tersebut akan berubah menajadi bold (huruf tebal).
Language yang berarti bahasa. HTML adalah sebuah bahasa, yang
memiliki kata kata berupa kode dan syntax seperti bahasa yang lain.
Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan
pengguna internet semakin hari semakin berkembang pesat. Oleh karena itu
bahasa HTML harus ditingkatkan lagi agar bisa menciptakan halaman web
yang lebih berkualitas. Untuk itulah dibentuk sebuah organisasi yang
bertanggungjawab mengembangkan bahasa HTML. Organisasi ini bernama W3C.
Fungsi dan Kegunaan HTML
Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan
kegunaan. Beberapa manfaat dari HTML diantaranya
Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat
halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML.
Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak
memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika
tidak memiliki HTML sebagai pondasi, kita tidak dapat
mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain
website), Javascript (bahasa untuk menambah prilaku website), dan PHP
(bahasa pemrograman server website).
Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai
sebuah teks menjadi bergaris bawah dengan menggunakan tag html
Untuk menandai elemen/bagian pada halaman web. Sebuah website
memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita
dapat menandai setiap bagiannya dengan HTML.
Untuk menampilkan informasi dalam bentuk tabel
Untuk menambahkan objek seperti audio, video, gambar, dll dalam
halaman web
Untuk membuat online form
Struktur Dasar HTML
#1 Element
Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup.
Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat kode
html seperti ini
Yang berwarna biru, itu adalah pembuka. Yang warna hijau adalah isi.
Sedangkan yang warna merah adalah penutup. Isi adalah optional, dalam
artian tidak masalah jika kita tidak memberikan isi. Beda dengan pembuka
dan penutup, keduanya harus ada dalam sebuah kode html. Jika tidak maka
akan terjadi error, dan kode tidak akan berfungsi.
Ada juga pembuka dan penutup yang berbeda dengan contoh diatas.
Contohnya seperi ini
Pada tag input kita tidak perlu menutupnya dengan ,cukup dengan /> .
Bahkan dengan menuliskan > saja juga bisa.
#2 Tag
Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag
dengan nama head, dengan nama body, dan sebagainya. Tag ini sudah
diatur dari sananya, jadi kita tidak boleh membuatnya sendiri. Misal
jika kita menulis , jelas tidak akan berfungsi.
Untuk lebih memperjelas, berikut ini struktur dasar kode html
Hai teman teman, ini website pribadi saya lho..
Penjelasan
untuk menandai awal dan akhir dari file HTML
berisikan keterangan informasi seperti title dan jenis dokumen
sebagai judul halaman web
bagian ini adalah konten utama web seperti header, navigasi,
artikel , sidebar dan footer
Anda dapat menuliskan kode html di aplikasi bawaan Windows, Notepad.
Bisa juga mendownload aplikasi khusu untuk menulis kode yaitu Notepad++.
#3 Atribut
Atribut terdapat didalam script sebuah elemen, fungsinya untuk memberi
informasi tambahan tentang elemen. Nilai dari atribut harus ditutup
dengan tanda kutip.
Kode diatas akan membuat sebuah kotak isian yang dikhususkan untuk
menulis password. Dalam artian, jika kita menulis di isian tersebut,
tulisan kita akan berubah menjadi bintang bintang seperi ini ******.
Sejarah HTML
HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus
ide untuk menempatkan elemen elemen yang berguna untuk menandai bagian
suatu dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya
elemen element tersebut dibentuk menjadi suatu program untuk melakukan
pemformatan dokumen secara otomatis.
Bahasa pemrograman untuk melakukan tugas ini disebut sebagai bahasa
markup. IBM menamai program ini sebagai Generalized Markup Language.
Pada tahun 1986, konsep ini disetujui oleh ISO (International Standard
Organization) sebagai standar untuk pembuatan dokumen. Bahasa ini
dinamai oleh ISO sebagai Standard Generalized Markup Language (SGML)
HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari CERN
mengemukakan sebuah ide tentang pembuatan skrip bahasa pemrograman dan
dokumen yang dapat diakes oleh semua komputer tanpa melihat jenis
platformnya. Sejak saat itu HTML menjadi lebih populer dibandingkan
SGML.
Perkembangan HTML
Sejak dirilis, bahasa HTML terus mengalami perkembangan
HTML 1.0
HTML 1.0 adalah versi pertama dari HTML. Pada saat ini tidak banyak
orang yang ikut berpartisipasi dalam pembuatannya. Fitur dari versi ini
pun masih terbatas. Antar lain heading, paragraf, hypertext, list, efek
tebal dan miring pada teks. Versi 1.0 juga mendukung peletakan gambar,
namun tidak mendukung adanya teks disekeliling gambar.
HTML 2.0
HTML 2.0 masih membawa fitur sebelumnya dari versi 1.0, dengan tambahan
beberapa vitur baru. Fitur tersebut adalah form. Dengan form, kita dapat
memasukkan data data seperti nama, alamat, serta komentar. Hadirnya
fitur form ini menjadi awal terbentuknya website yang interaktif.
HTML 3.0
Pada versi ini, mulai banyak orang yang ikut memberikan kontribusi pada
HTML. Fitur baru yang hadir di versi ini salah satunya adalah tabel.
Versi HTML ini tidak bertahan lama dikarenakan banyak permasalahan
seperti perang antar browser. Karena itu, HTML ini segera diganti lagi
menjadi versi 3.2
HTML 3.2
Perang antar browser terus berlanjut dikarenakan mereka membuat tag HTML
mereka sendiri. Untuk menghentikan hal ini, dibentuklah sebuah
organisasi yang menangani standard dari HTML. Organisasi ini bernama
World Wide Web Consortium (W3C).
HTML 4.0
Dengan hadirnya W3C sebagai standarisasi HTML, perang browser terhenti.
HTML lalu berkembang menjadi HTML 4.0. Versi ini memuat banyak sekali
revisi dan perubahan dari versi sebelumnya. Perubahan ini terjadi di
hampir seluruh perintah HTML seperti text, link, image, imagemaps,
table, form, meta, dan lain lain.
HTML 4.01
Versi ini hadir untuk memperbaiki beberapa kesalahan di versi sebelumnya
XHTML 1.0
XHTML adalah gabungan dari HTML dan XML. Karena XHTML tidak se-fleksibel
HTML, tidak banyak orang yang menyukai versi ini.
HTML 5
HTML 5 adalah versi terakhir dari HTML saat artikel ini ditulis. HTML 5
membawa banyak sekali perubahan terhadap versi sebelumnya. Banyak tag
baru yang diperkenalkan, seperti
,
0 komentar:
Posting Komentar