1 / 17

Pertemuan I

World Wide Web Pengenalan HTML Tag-Tag Dasar HTML. Pertemuan I. World Wide Web. Sekilas Lahirnya Web Worl Wide Web Consorsium Bagaimana WWW bekerja Browser Web Bagaimana Browser Mengambil Page? Bagaimana Browser Menampilkan Page? Server Web. World Wide Web. Sekilas Lahirnya Web

talib
Télécharger la présentation

Pertemuan I

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. World Wide Web Pengenalan HTML Tag-Tag Dasar HTML Pertemuan I

  2. World Wide Web • Sekilas Lahirnya Web • Worl Wide Web Consorsium • Bagaimana WWW bekerja • Browser Web • Bagaimana Browser Mengambil Page? • Bagaimana Browser Menampilkan Page? • Server Web

  3. World Wide Web • SekilasLahirnya Web • 1993 oleh Berners-Lee • European Particle PhusicsLan (CERN) di Geneva Swiss • Worl Wide Web Consorsium • DibentukpadaOktober 1994, dg jumlahlebihdari 400 organisasianggotadiseluruhdunia, dansudahdapatpengakuanInternasional • W3C badanresmiygmembuat standard Web • Paling dasar HTML, CSS dan XML • XHTML 1.0

  4. World Wide Web • Bagaimana WWW bekerja • Informasi web disimpan dlm dokumen yg disebut dg web pages • Web page adalah file-file yg disimpan dlm komputer yg disebut dg web server • Komputer yg membaca web page disebut sbg web client • Web client menampilkan pagr dg menggunakan browser • Browser yang poluper seperti ; IE,Mozila,Ophera,Crome dll

  5. World Wide Web • Browser Web • Adalah software yg digunakan utk menampilkan informasi dari server web. • Software ini telah dikembangkan dg menggunakan user interface grafis • Contoh Browser : Internet Explorer, Mozila, Ophera, Chrome dll

  6. World Wide Web • Bagaimana Browser Mengambil Page? • Browser mengambil sebuah web page dari server dg sebuah request • Request adalah request HTTP standard yang berisi sebuah page adress • Sebuah Page address terlihat seperti http://www.binadarma.ac.id/index.html

  7. World Wide Web • Bagaimana Browser Menampilkan Page? • Browser menampilkan page dengan membaca instruksi-instruksi. • Instruksi yg paling umum untuk menampilkan disebutdengan tag HTML • Contoh tag HTML ; <p>Tulisan </p>

  8. World Wide Web • Server Web • Adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web • Komputer ini akan melayani permintaan dokumen web dari kliennya

  9. Pengenalan HTML • Apa itu Dokument HTML • Penamaan Dokumen • Defenisi Elemen • Defenisi Tag • Elemen HTML yang dibutuhkan • Apa saja yang dibutuhkan (SoftWare/Hardware)

  10. Pengenalan HTML • Apa itu Dokument HTML • Kependekan dari Hyper Text Markuo Language • Adalah file text murni yang dapat dibuat dg editor text seperti; notepad • Dapat dibuat dengan editor HTML

  11. Pengenalan HTML • Penamaan Dokumen • Membuat nama dokument apa saja ditambah extensi “.htm” atau “.html” (tanda petik ganda tidak dituliskan) • Nama dokument case sensitive artinya nama yang sama dengan case berbeda dianggap sbg dokumen yag berbeda • Dokumen.html <> dokumen.html

  12. Pengenalan HTML • Defenisi Elemen • Dokumen HTML disusun oleh elemen-elemen • Elemen merupakan istilah dari komponen dasar pembentuk dokumen HTML • Contoh : head, body, table, paragraph dan list

  13. Pengenalan HTML • Defenisi Tag • Untuk menandai berbagai elemen dalam suatu dokumen HTML • Terdiri dari sebuah kurung sudut kiri nama tag dan kuung sudut kanan “< nama tag >” • Umumnya berpasangan, tag pertama menunjukkan tag awal ditutup dengan tag akhir contoh <h1>Judul </h1> • Ada beberapa elemen yang tidak mengharuskan tag berpasangan; contoh <p> <br> <hr> <li>

  14. Pengenalan HTML • Elemen HTML yang dibutuhkan • Dinyatakan dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. • Setiap dokumen terdiri atas tag head dan body • Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yg tersusun dari link, paragrap dan elemen lain (cont….)

  15. Poladasardokumen HTML <html> <head> ….informasitentangdokument html ini… </head> <body> ….informasi yang akanditampilkandalam browser web.. </body> </html>

  16. Pengenalan HTML • Apa saja yang dibutuhkan (SoftWare/Hardware) • Sebuah komputer dengan Windows, Mac atau Unix • Editor teks, notepad atau lainnya • Koneksi ke server web(kalau mungkin koneksi ke internet) • Browser web • Surfing internet, mencari ide dari apa yang dilihat cont… Contoh

  17. Contoh <!-- contoh.html --> <html> <head> <title>ContohPertama</title> </head> <body> Iniadalah Homepage Pertamaku <b>Semangat</b> </body> </html>

More Related