Pemrograman Internet - HTML (1)
0 likes3,193 views
HTML (1) Ringkasan: Dokumen ini membahas sejarah singkat Internet dan HTML. HTML adalah bahasa markup yang dikembangkan oleh W3C untuk menulis dokumen web. Dokumen ini menjelaskan tag-tag dasar HTML seperti <head>, <body>, <h1-6>, <p>, <a>, <img>, <ol>, <ul>, dan atribut-atributnya.
Pemrograman Internet - HTML (1)
- 1. HTML (1) Praktikum Pemrograman Internet Oleh : Arifin (101401024) S1 Ilmu Komputer USU
- 3. Awalnya internet dikembangkan oleh akademisi dan militer Amerika Serikat pada tahun 1969 melalui proyek ARPA yang disebut ARPANET. ARPANET secara umum dikenalkan pada tahun 1972.
- 4. Web, set aplikasi yang dapat diakses melalui browser.
- 8. HTML dikembangkan oleh W3C (World Wide Web Consortium)
- 9. HTML (Hyper Text Markup Language) adalah sebuah bahasa yang dikembangkan oleh W3C sebagai standar penulisan dokumen web.
- 10. DASAR HTML
- 11. TAG HTML ● HTML tersusun atas tag-tag. Contoh: <html> … <body> … </body> </html>
- 12. Percobaan 1 ● Tulislah kode berikut di dalam text editor (Notepad atau Notepad++) kemudian simpan dalam format .htm atau .html
- 14. Tag <head> ● Tag Head berisi informasi general dari sebuah halaman HTML. Tag yang biasanya ada di dalam tag head: ● <title> mendefinisikan judul halaman web. ● <link> menghubungkan file tersebut ke file lain. (contoh: css atau layout html.)
- 15. Tag <body> ● Tag body mendefinisikan tubuh / isi dari dokumen HTML. ● Mulai dari paragraf, gambar-gambar, data-data, dsb yang menyangkut isi halaman web.
- 16. BEBERAPA TAG DASAR HTML
- 17. HTML HEADINGS <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
- 18. HTML Paragraph <p>This is a paragraph.</p> <p>This is another paragraph.</p> Note: ● Untuk melakukan pindah baris tulisan pada halaman HTML, gunakan tag <br />
- 19. HTML LINKS Link yang jika di-klik, maka akan membuka halaman web lain. <a href="http://iklcusu.blogspot.com"> This is a link</a>
- 20. HTML Images Untuk menampilkan gambar pada halaman web <img src="light.jpg" width="104" height="142" />
- 21. HTML Lists ● Ada 2 jenis HTML List: – Ordered List – Unordered List ● Contoh Ordered List 1) Nyalakan Komputer 2) Klik DashHome 3) Ketik Geany ● Contoh Unordered List – Teh – Susu – Kopi
- 24. KERJAKAN!
- 25. HTML Elements Semua yang berada di antara tag pembuka dan tag penutup HTML disebut elemen HTML. <p> ini disebut elemen </p>
- 26. HTML Attributes ● Atribut HTML memberikan informasi tambahan mengenai sebuah tag/elemen ● Atribut selalu berada pada start tag ● Atribut ditulis dengan pasangan name dan value. Contoh: name=”value” ● <a href="http://www.w3schools.com">This is a link</a>
- 27. LATIHAN!
- 31. Untuk mendapatkan slide ini, kunjungi: vynprogram.blogspot.com