HTMLDI SUSUN OLEH :

Siti Nur Aisyah

2114R0797

Teknik Infomatika

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.

SEJARAH HTMLHypertext 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).

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

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.

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

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.

KELEBIHAN HTMLMerupakan 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).

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.

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.

TAG HTMLTag 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.

TAG DASAR HTMLHTML

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"

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>. 

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.

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 

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">

STRUKTUR DASAR HTML

Sekian Dan Terima KasihSemoga Bermanfaat

DOSEN PENGAMPU