html (hypertext markup language)

9
HTML (HYPERTEXT MARKUP LANGUAGE) EWI ISMAREDAH,M.KOM

Upload: derica

Post on 05-Jan-2016

57 views

Category:

Documents


4 download

DESCRIPTION

HTML (HYPERTEXT MARKUP LANGUAGE). EWI ISMAREDAH,M.KOM. Memahami tentang konsep Web Memahami tentang struktur dokumen HTML Memahami tentang dasar-dasar HTML Memahami tentang pengaturan teks , daftar item,gambar,tabel,form. Word Wide Web (WWW). - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: HTML (HYPERTEXT  MARKUP LANGUAGE)

HTML (HYPERTEXT MARKUP LANGUAGE)

EWI ISMAREDAH,M.KOM

Page 2: HTML (HYPERTEXT  MARKUP LANGUAGE)

.

• Memahami tentang konsep Web• Memahami tentang struktur dokumen HTML• Memahami tentang dasar-dasar HTML• Memahami tentang pengaturan teks, daftar

item,gambar,tabel,form.

Page 3: HTML (HYPERTEXT  MARKUP LANGUAGE)

Word Wide Web (WWW)

• www merupakan bagian dari internet yang paling cepat berkembang dan paling populer.

• www bekerja berdasarkan pada tiga mekanisme :- Protocol : standart aturan yg dgunakan utk berkomunikasi pada komputer networking,hypertext transfer protokol (HTTP) merupakan protokol utk Web- Address www memiliki aturan penamaan alamat web yaitu URL (Uniform Resource Locator) yg dgunakan sebagai standar alamat internet.- HTML dgunakan untuk membuat dokemen yang bisa diakses melalui web

Page 4: HTML (HYPERTEXT  MARKUP LANGUAGE)

PENGENALAN HTML

• HTML merupakan standar bahasa yang dgunakan untuk menampilkan dokumen web

• Yang bisa dlakukan dengan HTML adalah :1. mengontrol tampilan dari web page dan contentnya2. Mempublikasikan dokumen secara online sehingga bisa diakses dari seluruh dunia.3. Membuat online form yang bisa dgunakan untuk menangani pendaftaran, transaksi secara online4. Menambahkan object2 spt image,audio,video dan juga java applet dalam dokemen HTML

Page 5: HTML (HYPERTEXT  MARKUP LANGUAGE)

BROWSER DAN EDITOR

• Browser Merupakan software yg diinstal dmesin client yang berfungsi untuk menterjemahkan tag2 HTML menjadi halaman web.(browser yg sering dgunakan biasanya Internet Explorer, Netscape navigator dll.

• EditorProgram yg dgunakan untuk membuat dokumen HTML (Ms.Frontpage,Dreamweaver,Notepad)

Page 6: HTML (HYPERTEXT  MARKUP LANGUAGE)

STRUKTUR HTML

• Dokemen HTML bisa dbagi menjadi 3 bagian utama :• HTML

Setiap dokumen HTML harus diawali dan ditutup dengan tag HTML.<HTML></HTML>

• HEADBagian header dari dokumen HTML diapit oleh tag <HEAD></HEAD>Pada bagian ini biasanya dmuat tag TITLE yang menampilkan judul dari halaman pada title browsernya.

Page 7: HTML (HYPERTEXT  MARKUP LANGUAGE)

.

• BODYDokumen body dgunakan untuk menampilkan text, image link,dan semua yang ingin ditampilkan pada web page

Page 8: HTML (HYPERTEXT  MARKUP LANGUAGE)

ELEMEN HTML

• Blok level element Blok level element yang sering dgunakan : Heading (H1 sampai H6)

• Paragraf (P), List Item (LI)List Item dgunakan utk mengelompokan data baik berurutan (ordered list) maupun yg tdk berurutan (unordered list)

Page 9: HTML (HYPERTEXT  MARKUP LANGUAGE)

.

• 2 macam list yang bisa dgunakan :1. Unordered List (Bullet)2. Ordered List (Numbering)