Top Banner
H T M L ( Hypertext Markup Language )
21

H t m l PPT

Jul 23, 2015

Download

Education

musliminstimik
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: H t m l PPT

H T M L

( Hypertext Markup Language )

Page 2: H t m l PPT

Apa itu HTML ??????????

? ? ? ?

? ? ? ?

? ? ?

Page 3: H t m l PPT

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

Page 4: H t m l PPT

HTML dibuat oleh Tim Berners ‐ Leeketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh Browser Mosaic.

Page 5: H t m l PPT

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.

Page 6: H t m l PPT

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.

Page 7: H t m l PPT

Mendesain HTML dapat dilakukan dengan dua cara:

• Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.

• Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.

Page 8: H t m l PPT

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

Page 9: H t m l PPT

Kelebihan-kelebihan HTML antara lain:

• Merupakan bahasa penkodean yang lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer . Jadi bersifat fleksibel karena ditulis cukup dengan menggunakan editor karakter ASCII.

Page 10: H t m l PPT

• Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink, 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).

Page 11: H t m l PPT

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

Page 12: H t m l PPT

kekurangan dari HTML ini adalah:

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

Page 13: H t m l PPT

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

Page 14: H t m l PPT

VERSI-VERSI DAN PENJELASAN DALAM HTML :

HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara

lain heading, paragraph, hypertext, list, serta

cetak tebal dan miring pada teks.

Page 15: H t m l PPT

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.

Page 16: H t m l PPT

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.

Page 17: H t m l PPT

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.

Page 18: H t m l PPT

TAG HTML

TAG Adalah penandaan yang dikenali oleh browser sebagai suatu instruksi untuk memformat tulisan, gambar, link, tabel, atau objek pada sebuah tampilan dokumen HTML.

Page 19: H t m l PPT

ATRIBUT

Atribut dalam HTML adalah perintah yang disisipkan/ditempelkan pada TAG utama yang tujuanya adalah mengatur bentuk/gaya tampilan sebuah objek.

Page 20: H t m l PPT

VALUE

Value dalam HTML adalah nilai yang diberikan pada sebuah atribut. Value ada beberapa jenis, bisa value text seperti left, right, center, red, blue, bisa juga angka 1, 2, 3, bisa juga bentuk pixel : 100, 200, atau bentuk persen 100%, 30%, ada juga yang bentuk hexa seperti warna yang ditulis color="#000" dll.

Page 21: H t m l PPT