PENGERTIAN HTML DAN FUNGSINYA
HTML Adalah
kependekan dari Hypertext Markup Language , Menurut Bahasa bisa
dikategorikan sebagai berikut :
- Hypertext
berarti kata atau frase tertulis non- sekuensial yang memiliki percabangan
dengan bermacam pilihan yang akan menjadikan bacaan yang lebih menarik
pada layar interaktif.
- Markup Language
adalah bahasa yang mengkombinasikan antara teks (Hypertext) dengan
informasi yang hendak ditampilkan.
Sedangkan Pengertian
HTML menurut istilah merupakan bahasa yang bersifat statis yang
digunakan sebagai standart pembangun halaman web, berfungsi untuk menampilkan
tampilan wujud yang terintegrasi dan ditulis didalam format ASCII, bahasa ini
bermula dari SGML (Standard Generalized Markup Language) yang biasa
digunakan di dunia penerbitan dan percetakan. bahasa ini pertama kali dibuat
oleh Caillau TIM dengan Berners-lee rober.
Bahasa HTML biasanya diintruksikan dengan kode yang diberi
nama TAGS, berawalan (<) dan diakhiri dengan (>), misalnya Paragraf, berarti
pembuka bahwa perintah paragraf aktif, sedangkan tanda adalah penutup dari
perintah paragraf yang diaktifkan tadi.
Fungsi HTML
sendiri bisa digunakan untuk mengintegrasikan sebuah gambar dengan tulisan,
membuat link, integrasi berkas suara dan rekaman video, Bahasa HTML juga
memungkinkan kita untuk mengedit tampilan atau berkas yang hendak kita kirimkan
melalui media online, seperti menentukan besar kecilnya kelompok kata yang
hendak digunakan sebagai judul,Heading dll, membuat tulisan miring, cetak tebal
hingga menentukan karakter-karakter tertentu.
Sejarah HTML dapat dikategorikan sebagai berikut (wikipedia) :
- HTML 2.0 - (RFC 1866) disetujui sebagai standar 22
September 1995,
- HTML 3.2 - 14 Januari 1996,
- HTML 4.0 - 18 Desember 1997,
- HTML 4.01 (minor fixes) - 24 Desember 1999,
- ISO/IEC 15445:2000 ("ISO HTML", berdasar pada
HTML 4.01 Strict) - 15 Mei 2000.
- HTML 5 masih dalam draft pengerjaan - Januari 2008.
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.
Perintah Dasar HTML
Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat garis baru dll. Ok mari kita mulai pelajaranya :
I. CARA MEMASUKKAN GAMBAR
kode :
<img src="http://anjasteknik.blogspot.com/gambar.gif" border="0" height="17" width="90"> |
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
II. CARA MEMBUAT LINK
Kode :
<a href="http://www.anjasteknik.blogspot.com" >Anjasteknik.com </a> |
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "Anjasteknik.com" adalah tulisan yang ditampilkan.
Jika konten yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://www.anjasteknik.blogspot.com" target="_blank"><img src=" http://www.anjasteknik.blogspot.com /gambar.jpg" border="0" height="17" width="90"> </a> |
Jika pengin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode " http://www.anjasteknik.blogspot.com "
III. CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center> |
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar
IV. CARA MEMBUAT BARIS BARU
Kode :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar
IV. CARA MEMBUAT BARIS BARU
Kode :
<br> |
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan
V. MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan
V. MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b> <i>text</i> <u>text</u> |
Hasil :
Tebal Miring Garis Bawah |
VI. MEMBERI WARNA TEXT
<font color="#FF0000"> Merah </font> <font color="#0000FF"> Biru </font> |
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
Biru |
VII. KODE-KODE WARNA
Warna
|
Kode
|
Hitam
|
#000000
|
Abu-abu
|
#999999
|
Putih
|
#FFFFFF
|
Merah
|
#FF0000
|
Hijau
|
#00FF00
|
Biru
|
#0000FF
|
Kuning
|
#FFFF00
|
BiruMuda
|
#00FFFF
|
Pink
|
#FF00FF
|
Ungu
|
#9900FF
|
Orange
|
#FF6600
|
Kode2 warna selengkapnya bisa dilihat pada software Adobe Photoshop.
Pada saat fill warna centang pada webcolor only. Nah dikanan bawah box, akan ada keterangan saat anda mengklik warna yang anda inginkan.
VIII. PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
Karakter
|
Kode
|
>
|
>
|
<
|
<
|
&
|
&
|
"
|
"
|
(spasi)
|
|


