HTML merupakan sebuah dasar ataupun pondasi bahasa pemograman
sebuah web page, HTML muncul sebagai standar baru dari kemajuan dan
berkembangnnya internet, pada pertama kali muncul internet masih dalam keadaan
berbasis text dimana tampilan sebuah halaman web hanya berisikan sebuah text
yang monotone tanpa sebuah format dokumen secara visual, bayangkan saja sebuah
dokument text yang dikemas dalam bungkus format seperti tipe file .txt atau
sering disebut notepad, tanpa paragraph, satu warna, satu ukuran huruf tanpa
gambar serta tidak adanya visual format dokumen seperti halnya Ms. Word, hal
ini akan sangat membosankan dalam membaca. dan selain itu pertamakali muncul
internet user mengakses masih menggunakan sebuah terminal, hal itu jelas
sangatlah tidak friendly. Pemograman HTML muncul seiring perkembangan teknologi
dan informasi.
• 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)
• Nah mulai 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
• 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.
• Nah yang 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
Pengertian
HTML
HTML merupakan sebuah bahasa
pemrograman yang berisikan perintah kepada browser yang telah terinstal pada
computer client, HTML adalah kependekan dari Hyper Text Markup Language,
dokumen dalam HTML merupakan file text murni yang dibuat dengan sembarang,
“sembarang” dalam hal ini pengerjaannya bisa menggunakan editor apa saja
seperti notepad, editplus ataupun editor lainnya. File file HTML adalah
berisikan beberapa instruksi atau perintah yang kemudian di terjemahkan oleh
browser yang ada dikomputer client (user) sehingga isi informasinya dapat
ditampilkan secara visual dikomputer pengguna. HTML dikenal sebagai standar
bahasa yang digunakan untuk menampilkan dokumen web.
Struktur dasar HTML
HTML merupakan sebuah bahasa pemrograman yang berisikan perintah kepada browser
yang telah terinstal pada computer client, Untuk pemahaman dan sejarah HTML
silahkan baca “Pengertian dan sejarah HTML”, Bahasa pemograman ini terdapat
sebuah elemen, tag dan attribute didalam perintahnya.
Secara umum Web dokumen terdiri dari menjadi dua elemen ataupun section yaitu
head dan body, kedua elemen tersebut dipisahkan oleh beberapa tag, untuk lebih
jelasnya dapat anda lihat sebuah pola dasar HTML dibawah ini
<html>
<head>
“Informasi Tentang Dokumen HTML”
</head>
<body>
“Informasi yang akan ditampilkan dalam web Browser”
</body>
</html>
Dari pola diatas dapat digambarkan adanya sebuah dokumen HTML mulai dari tag
pembuka <html> sampai tag penutup </html>, sedangkan isi dari
dokumen html tersebut adalah dua buah elemen atau section yaitu
• “HEAD” yang dimulai dari tag pembukanya <head> sampai
tag penutup head </head>,
Pada elemen ini biasanya berisikan
- Title, merupakan judul dokumen
- Meta tag, informasi yang akan diberikan oleh pengunjung
tentang isi halaman web
Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain,
Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value,
adapun beberapa value yang dapat kita isikan antara lain abstract, author, copyright,
description, distribution, expires, keywords, revist, refresh maupun language
- Script java, CSS dan beberapa perintah lain yang nantinya
akan diesekusi browser tanpa ditampilkan oleh browser untuk sebagian besar,
dengan kata lain pada elemen ini kebanyakan hanya mengatur informasi dan
visualisasi web tersebut,
untuk elemen keduanya adalah
• “BODY” mulai dari tag pembuka <body> sampai tag
penutupnya </body> pada elemen ini berisikan informasi dan pengaturannya
yang akan ditampilkan dalam browser.
Di dalam bahasa pemrograman HTML terdapat beberapa atributh yang perlu
kita pelajari, adapun contoh atributh dan kegunaannya sebagai berikut,
• <DFN>, untuk menandai sebuah subdefinisi dari daftar
ataupun table definisi
• <STRONG>, Untuk menandai bagian text ataupun kata
dari penting dari sebuah kalimat, paragraph ataupun dokumen
• <VAR>, untuk menampilkan nama variable
• <CITE>, Menandai kutipan
• <CODE>, Menampilakan sebuah kode pemrograman
• <EM>, Penekanan sebuah kalimat
• <SAMP>, untuk membuat contoh ataupun sample didalam
sebuah dokumen
• <KBD>, menandai suatu text dimana text tersebut harus
dimasukan oleh user melalui keyboard
• <B>, Bold membuat tampilan tebal huruf, kata ataupun
kalimat
• <I>, Italic membuat tampilan miring
• <U>, Underline membuat tampilan garis bawah
• <TT>, Membuat tampilan jenis huruf menyerupai huruf
mesin ketik
• <STRIKE>, membuat garis tengah pada sebuah kalimat
• <BIG>, memperbesar ukuran huruf
• <SMALL>, memperkecil ukuran huruf
• <SUP>, menampilkan superscript
• <SUB>, menampilkan subscript
• <FONT>, merupakan sebuah pengaturan huruf, kata
ataupun kalimat bahkan paragraph di mana dalam atribut ini terdapat value yang
mengatur tampilan huruf tersebut seperti color. Size, style dan lainnya
• <P>, Paragrah untuk membuat sebuah paragraph
• <BR>, Line break berfungsi untuk mengganti baris
•
<H1>,<H2>,<H3>,<H4>,<H5>,<H6> merupakan
sebuah header dimana dari keenam jenis tersebut mempunyai perbedaan ketebalan
dan ukuran huruf
• <PRE> Preformatted Text berfungsi menampilkan text
apa adanya
• <CENTER> membuat sebuah text berada di posisi tengah
• <LEFT> membuat sebuah text berada di posisi kiri
• <RIGHT> membuat sebuah text berada di posisi kanan
• <Basefont size=”pixel”>mengubah ukuran sebuah huruf
• <HR> Horizontal rule berfungsi untuk membuat garis
bawah
• <OL>, membuat penomoran pada daftar
• <UL>, Membuat sebuah tanda pada daftar tanpa nomor
(bullet)
• <LI>, tag yang berada di dalam attribute UL ataupul
OL digunakan untuk memisah baris daftar yang akan di beri penomoron ataupun
tanda bullet
• <TABLE>, membuat sebuah table
• <TR>, Membuat row atau baris didalam table
<TH>, membuat judul kolom di table <TD> membuat isi pada kolom table,
ketiga tag ini diisikan pada atribut table
• Rowspan, Colspan merupakan pengaturan merge cell pada
atribut table
• <FORM> untuk membuat form
• <A HREF=”url link”>Hypertext</A> Hyper Link
• <IMG SRC=”url img”> insert image
Inilah beberapa atributh dasar yang digunakan dalam pemrograman HTML, pada
atribut diatas merupakan sebuah tag pembuka yang pada akhir atribut tersebut
harus ditutup dengan tag penutup atributh tersebut </…..>, untuk lebih
jelasnya dilain waktu saya akan mencoba bahas satu persatu atributh tersebut
dan akan saya lengkapi dengan syntax dan contohnya kompleksnya
Perintah Dasar HTML
1.
Jenis Dokumen <html></html> (awal dan akhir file HTML)Judul
<title></title> (harus terdapat di mukadimah)Mukadimah
<head></head> (keterangan umum, spt judul dsb.)Batang Tubuh
<body></body> (isi halaman HTML)ELEMEN DASAR HTML
2.
Perintah-perintah dasar HTML yang dapat kita gunakan untuk mengatur konten
web1. P (paragraph), berfungsi untuk mengganti paragraph yang diikuti
denganbaris kosong diawal dan akhir paragraph. Cara penggunaannya
dapatdil;akukan dengan perintah tag <p> dan diakhiri dengan tag
</p>. jika kitatidak menutup dengan perintah tag </p>, maka seluruh
file yang beradadibawahnya akan diikuti dengan baris kosong diakhiri
paragraf.2. BR (Line Break), berfungsi untuk mengganti baris.Sintaks :
<br>3. H1,H2,H3,H4,H5,H6 (Header), berfungsi untuk membuat header
denganukuran jenis berbeda dan tercetak tebal.Sintaks : <Hx>
</Hx>4. B <Bold>, berfungsi untuk membuat tampilan teks tercetak
tebal.Sintaks : <b> </b>5. I (Italic), berfungsi untuk membuat
tampilan teks tercetak miring.Sintaks : <i> </i>6. U (underline),
berfungsi untuk membuat teks tercetak garis bawah.Sintaks : <u>
</u>
3. Perintah-perintah dasar HTML yang dapat kita gunakan
untuk mengatur konten web7. PRE (performated Text), berfungsi untuk menampilkan
text apa adanya.Sintaks : <pre> </pre>8. Center , berfungsi untuk
menampilkan teks dengan posisi horizontal tengah.Sintaks : < center>
</center>9. Base Font, berfungsi untuk merubah dasr ukuran huruf dari
web.Sintaks : <basefont size=”pixel”>10. Font, berfungsi untuk jenis,
ukuran, warna dan tampilan huruf.Sintaks : <font color=”warna” face=”font”
size=”pixel”> </font>11. HR (Horizontal Rule), berfungsi untuk membuat
garis horizontal.Sintaks : <hr>12. OL (Order List), berfungsi untuk
membuat nomor daftar urut.Sintaks : <ol start=”number” type=”A”>
</ol>13. UL (Unordered List), berfungsi untuk membuat daftar tanpa nomor
urut(dalam format bullet).Sintaks : <ul type=”circle”> </ul>14. LI
(List Item), merupakan isi pada daftar.Sintaks : <li type=”A”>
</li>15. Komentar <!-- *** --> (tak diperagakan oleh browser)