Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.

Presentasi berjudul: "Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP."— Transcript presentasi:

1 Dasar-dasar HTML

2 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer.

3 3 WWW - continued WWW bekerja merdasarkan pada tiga mekanisme berikut: –Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW. –Address WWW memiliki aturan penamaan alamat web yaitu: URL(Uniform Resource Locator) yang di gunakan sebagai standard alamat internet. –HTML digunakan untuk membuat document yang bisa di akses melalui web. http://www.detik.com/index.html

4 HTML HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membangun halaman website. HyperText: Text yang ditampilkan pada komputer atau alat elektronik lainnya dengan merujuk ke text lainnya yang dapat diakses, biasanya dengan mengeklik mouse atau menekan tombol tertentu. HyperText tidak terbatas pada text, tapi juga dapat berisi tabel atau gambar. HyperText merupakan dasar dari struktur web. Markup: Kode yang diperlukan agar dapat dibaca oleh browser.

5 5 HyperText Markup Language (HTML) HTML  standard bahasa yang digunakan untuk menampilkan document web. –Mengontrol tampilan dari web page dan contentnya. –Mempublikasikan document secara online sehingga bisa di akses. –Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online. –Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML.

6 6 Browser dan Editor Browser: Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag- tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator, Opera, Mozilla dan masih banyak yang lainya. Editor: Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Notepad, Microsoft FrontPage, Macromedia Dreamweaver, dan lain-lain.

7 7 Tag-tag HTML - continued Bentuk umum penulisan tag html adalah: Dimana: –Element - nama tag –Attribute - atribut dari tag –Value - nilai dari atribut. Contoh:

8 Elemen dan Tag HTML This is a title Contoh elemen HTML

9 This is a title Ini merupakan Tag AwalIni merupakan tag akhir/tag penutup Ini merupakan isi/konten Elemen dan Tag HTML

10 Elemen dan Tag Tag penutup tidak harus selalu ada, terutama untuk tag-tag yang tidak memiliki konten teks. Contohnya:, tag untuk menampilkan gambar, tag untuk membuat garis horizontal, tag untuk loncat ke baris baru

11 11 Susunan HTML Homepage Kepala Tubuh Judul Homepage Isi…Teks Isi…Tabel. Isi…Audio, Video, dll.

12 12 Setiap document HTML harus di awali dan di tutup dengan tag HTML  …… Tag memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah document HTML.

13 Halaman 1 Judul Struktur HTML

14 merupakan root atau induk dari seluruh tag html.,merupakan kepala dari halaman html, pada bagian ini biasanya digunakan untuk elemen-elemen yang tidak ditampilkan oleh browser., merupakan isi dari halaman website, apa pun yang akan ditampilkan oleh browser, ditempatkan di bagian ini.

15 Latihan Web Pertama Web Pertama Saya Hasrul Gagah Simpan dengan nama latihan1.html

16 Tag Heading Text

17 Tag Paragraph Dari 66.778 desa yang tersebar di Indonesia, baru sekitar 24.000 atau 36% di antaranya yang sudah terjangkau layanan telekomunikasi. Sedangkan sisanya, 42.778 desa atau sekitar 64% di antaranya, masih dalam tahap rencana pembangunan. Demikian dipaparkan Eddy Kurnia, Head of Corporate Communication Telkom. Rencana pembangunan ini akan digarap Telkom bersama anak perusahaan selulernya, Telkomsel, dalam program Universal Service Obligation (USO).

18 Karakter Khusus Dalam HTML dapat digunakan simbol tertentu yang dapat digunakan untuk mewakili/mengganti suatu karakter. Sebagai contoh, tag html menggunakan karakter. Maka, agar browser dapat menampilkan karakter tersebut, digunakan simbol khusus, yaitu < untuk karakter

19 Contoh Karakter Khusus Dalam matematika, tanda lebih besar diwakili oleh simbol > dan tanda lebih kecil diwakili oleh simbol <.

20

21

22

23 Tag Heading Heading merupakan sekumpulan kata yang menjadi judul atau sub judul dalam dokumen HTML, dengan berbagai ukuran yang berbeda. Pada dasarnya untuk menyatakan suatu Heading, digunakan tag dimana x adalah level 1 sampai 6. Tag Heading atau adalah tag berpasangan, yaitu tag yang mempunyai tag awal dan tag penutup Format :............ sampai............

24 Heading

25 1. Menggunakan Heading