HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dokumen ini menjelaskan pengertian HTML, sejarahnya, perkembangannya, tag dasar, dan struktur dasar dokumen HTML.
1. HTML
DI SUSUN OLEH :
Siti Nur Aisyah
2114R0797
Teknik Infomatika
2. PENGERTIAN HTML
HTML merupakan singkatan dari Hypertext Markup
Language. HTML digunakan untuk membangun halaman web.
HTML digunakan untuk melakukan mark-up (penandaan)
terhadap sebuah dokumen teks. Tanda tersebut digunakan
untukmenentukan format atau style dari teks yang ditandai
halaman web dibangun oleh kode-kode HTML.
HTML adalah bahasa markup yang umum digunakan.
Kepopuleran HTML disebakan karena HTML ini mudah
digunakan. Pembuatan dokumen web dengan HTML dapat
dilakukan dengan mudah dan cepat. Dokumen web dapat tersaji
dengan cepat ke banyak pembaca di seluruh dunia sekaligus.
HTML mudah melakukan kontrol terhadap tampilan halaman web
baik berupa teks, gambar, suara, animasi maupun video.
3. 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).
4. PERKEMBANGAN HTML
Pada tahun 1980 IBM mulai untuk mengembangkan sebuah
bahasa pemograman dimana text dan format sebuah dokumen
dijadikan satu dalam bahasa pemrograman yang sering kita
sebut sebagai HTML (Hyper Text Markup Language) akan tetapi
pada saat itu pihak IBM memberikan sebuah nama GML
(Generalized Markup Language).
Pada tahun 1986 ISO mengeluarkan sebuah standarisasi
tentang bahasa pemograman tersebut dan menyatakan sebuah
nama baru dari GML tersebut dengan sebutan SGML (Standard
Generalized Markup Language).
Pada tahun kelahiran saya yaitu tahun 1989, Sebuah nama
HTML muncul dari pemikiran Caillau Tim yang bekerja sama
dengan Banners Lee Robert yang ketika itu masih bekerja di CERN
memulai mengembangkan bahasa pemrograman ini, dan
dipopulerkan pertama kali dengan browser Mosaic. Nah mulailah
dari tahun 1990 HTML sangat berkembang dengan cepat hingga
mencapai versi HTML versi 5.0 yang digarap pada 4 Maret 2010
kemarin oleh W3C
5. HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html
tersebut, memiliki sebuah kemampuan untuk heading, paragraph,
hypertext, bold dan italic text, wrapping serta memiliki dukungan
dalam peletakan sebuah gambar.
HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa
tambahan kemampuan diantaranya penambahan form
comment, hal ini menyebabkan adanya sebuah interaktif dan
mulai dari versi ini yang menjadikan sebuah pioneer dalam
perkembangan homepage interaktif.
Tak lama kemudian HTML versi 3.0 dirilis pada 18 Desember 1997
yang sering disebut sebut sebagai HTML+ yang mempunyai
kemampuan dalam beberapa fasilitas diantaranya adalah
penambahan fitur table dalam paragraph, akan tetapi versi ini
tidak bertahan lama.
Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai
pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2,
keluarnya versi ini dikarenakan adanya beberapa kasus yang
timbul pada pengembang browser yang telah melakukan
pendekatan dengan cara lain yang justru hal tersebut menjadi
popular, maka di bakukan versi 3.2 untuk mengakomodasi
praktek yang banyak digunakan oleh pengembang browser dan
diterima secara umum, dapat dikatakan bahwa versi 3.2 ini
merupakan versi 3.0 yang dikembangkan oleh beberapa
pengembang browser seperti Netscape dan Microsoft.
6. Terakhir perombakan terjadi pada tahun 1999
tepatnya tanggal 24 Desember yaitu HTML versi 4.0,
seperti yang kita kenal HTML pada saat ini
penambahan link, meta, imagemaps , image dan
lain lain sebagai penyempurnaan versi 3.2
Pada tanggal 4 Maret 2010, terdapat sebuah
informasi bahwasanya HTML versi 5.0 masih
dikembangkan oleh W3C (World Wide Web
Consortium) dan IETF (Internet Engineering Task
Force) yaitu sebuah organisasi yang menangani
HTML sejak versi 2.0
7. MENDESAIN HTML
Mendesain HTML dapat dilakukan dengan dua cara, yaitu :
Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe
Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
Cara ini kelebihannya adalah HTML Editor merupakan sebuah
program yang khusus didesain untuk membuat, melakukan editing bahkan
mem-publish ke internet. Dengan kemampuannya menggabungkan
kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML
maka cara ini sangat disukai oleh para pemula dan desainer yang tidak
ingin belajar lebih mendalam mengenai HTML.
Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML
ke dalam dokumen HTML.
cara ini adalah menuliskan secara manual satu persatu tag-tag
HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga
dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus
melakukan cara-cara konvensional untuk melihat hasilnya pada web
browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML
yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih
paham mengenai cara kerja dan berbagai perintah yang biasa dipakai
pada bahasa HTML.
8. KELEBIHAN HTML
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.
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.
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).
9. 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.
10. KEKURANGAN DARI HTML
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.
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.
11. TAG HTML
Tag adalah penanda atau teks khusus yang berguna
untuk menandai elemen-elemen dalam halaman html
dengan simbol lebih kecil dari "<" dan lebih besar dari ">",
semua tag harus di apit oleh dua simbol "<" ">". Secara
umum tag ditulis berpasangan, yaitu tag pembuka dan tag
penutup. Tag pembuka menandakan awal dari elemen
sebagai contoh <body> dan tag penutup menandakan
akhir dari elemen, untuk penulisan tag akhir ada
penambahan karakter "/" setelah karakter "<" sebagai
</body>, inilah bentuk tag berpasangan dalam html.
Meskipun demikian, ada beberapa elemen dalam
halaman html yang tidak berpasangan seperti tag <br>
dan lain-lain.
12. TAG DASAR HTML
HTML
Memberitahukan pada browser bahwa dokumen web yang
digunakan adalah HTML.Untuk penulisannya :
<html> "Tag pembuka html di letakkan pada awal dokumen"
........
</html> "Tag penutup html di letakkan pada akhir dokumen"
Head
Kepala dokumen html atau tentang dokumen yang akan
ditampilkan
Penulisan :
<head> "Tag pembuka head di letakkan pada awal setelah tag
<html>"
........
</head> "Tag penutup head di letakkan di akhir section head"
13. Pada bagian head akan mengerjakan tugas-tugas sebagai
berikut :
Menyediakan judul dokumen
Menjembatani hubungan antar dokumen
Memberitahu browser untuk membuat form pencarian
Menyediakan metode untuk mengirim pesan ke tipe browser
Body
Menampilkan isi dokumen html. Penulisannya :
<body> "Tag pembuka body terletak di bawah tag penutup
</head>"
........
</body> "Tag penutup </body> terletak di atas tag penutup
</html>"
Setiap ada tag pembuka maka harus ada tag penutup yang
ditandai dengan tanda "/". Contoh :<title></title>, <body>
</body>,<html></html>.
14. Antara tag <title> </title> digunakan untuk menulis judul
halaman web yang bersangkutan. Contohnya adalah tulisan
"ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman
ini maka penulisannya menjadi :
<html>
<head>
<title>ahmadamirudin.jw.lt
</title>
</head>
<body>
</body>
</html>
Sedangkan antara tag <body> </body> digunakan untuk
mengisi apa yang akan ditampilkan pada halaman anda, bisa
berupa tulisan, gambar, link dan sebagainya.
15. Adapun beberapa tambahan yang dapat ditambahkan pada
tag <body> adalah sebagai berikut:
Meberikan warna background pada halaman web :
<body bgcolor="blue">
Atau dapat juga menggunakan kode warna Hexa (RGB /red-green-
blue) yang terdiri dari 6 karakter yang terdiri dari gabungan
angka dan huruf, dan penulisannya juga harus diawalai dengan
tanda "#"(pagar). 2 karakter pertama mewakili warna merah yang
dimulai dari paling rendah 00 sampai paling tinggi ff, atau bisa juga
kombinasi huruf dan angka tadi. Begitu juga 2 karakter berikutnya
mewakili warna hijau dan 2 karakter berikutnya mewakili warna
biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff,
merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan
keinginan anda.
Memberikan background gambar
<body background="gambar.jpg">
Penulisan format gambar juga harus disertakan seperti *.jpg,
*.gif, *.bmp dan lain-lain
16. Jika ingin menginginkan warrna background transparan
maka ditulis dengan :
<body bgcolor="transparent">
Memberikan warna teks
<body text="#000000">
Mengatur margin halaman
<body leftmargin="20" topmargin="20">
Mengatur warna link
<body link="#ff0000"vlink="#00ff00"
alink="#0000ff">
Dan jika semuanya ditulis bersamaan maka menjadi :
<body bgcolor="blue"text="#000000"
leftmargin="20" topmargin="20"
link="#ff0000"vlink="#00ff00"alink="#0000ff">