Bahasa HTML - 01.pdf
- 1. MateriKuliah Bahasa HTML FakultasTeknik Universitas Wijayakusuma Purwokerto
- 2. Apa itu HTML ? HTML adalah kepanjangan dari Hypertext Markup Language. HTML adalah markup standart yang digunakan dalam menampilkan halaman website. Jadi dengan HTML tidak memiliki kemampuan untuk membuat website yang dinamis, perlu mengkombinasikan dengan bahasa pemrograman web lain.
- 3. Sejarah HTML Menurut sejarahnya, HTML pertama kali diperkenalkan pada tahun 1990-an.Tim Berners-Lee pada tahun 1989 menciptakan HTML sederhana namun sangat efektif untuk pengkodean dokumen elektronik. Web browser pada zaman itu digunakan untuk membuka dokumen-dokumen dengan format HTML. Pada saat tahun 90-an inilah yang menjadi sejarah lahirnya HTML sehingga dinamakan HTML versi 1.0.
- 4. Sejarah HTML Menurut sejarahnya, HTML pertama kali diperkenalkan pada tahun 1990-an.Tim Berners-Lee pada tahun 1989 menciptakan HTML sederhana namun sangat efektif untuk pengkodean dokumen elektronik. Web browser pada zaman itu digunakan untuk membuka dokumen-dokumen dengan format HTML. Pada saat tahun 90-an inilah yang menjadi sejarah lahirnya HTML sehingga dinamakan HTML versi 1.0. Sebelum versi HTML yang terbaru keluar, ada proses panjang harus melalui persetujuan dariW3C (WorldWideWeb Consortorium) dengan evaluasi yang ketat. Dengan adanya seperti ini, setiap ada perkembangan versi terbaru dari HTML bisa dipastikan ada update dan fitur baru dari versi sebelumnya. Sampai saat ini versi HTML yang terbaru sudah sampai HTML veris 5.0
- 5. Kegunaan HTML HTML bisa diaplikasikan untuk berbagai keperluan dalam pembuatan website : Membungkus element pada HTML Membuat format judul Membuat heading Membuat tabel Membuat paragraph Membuat list Membuat form Membuat tombol Membuat garis Menampilkan gambar Menampilkan video Dan masih banyak lagi fitur dari HTML
- 6. Belajar HTML Dasar Sebelumnya pastikan terlebih dahulu Anda sudah memiliki text editor pada komputer yang Anda gunakan. BiasanyaWindows memiliki text editor bawaan bernama “Notepad”. JikaAnda mau menggunakan text editor lain juga bisa tergantung keperluan saja.
- 7. 1 HTML Basic Semua dokumen HTML dideklarasikan dengan tipe dokumen <!DOCTYPE html> dimulai <html> diakhiri dengan </html>. Didalam dokumen HTML terdapat bagian yang akan ditampilkan dalam web browser dimulai <body> dan ditutup dengan </body>. Berikut contoh HTML basic:
- 8. 2 HTML Elements Dasar HTML yang kedua adalah elements, element terdiri dari tag awal dan tag akhir dengan konten yang berada ditengah-tengah tag. Kira-kira penerapannya seperti ini <tagname> Ini adalah tagnamen </tagname>
- 9. 3 HTML Atributes Atribut dalam HTML memiliki fungsi untuk memberikan informasi tambahan tentang elemen yang ada pada HTML. Semua element dalam HTML memiliki atribut yang berada pada tag awal biasanya dengan diikuti tanda kutip.
- 10. 4 Atribut href Atribut href diawali dengan tag pembuka <a> dan penutup </a>. Contoh:
- 11. 5 Atribut src Gambar dalam HTML didefinisikan dengan tag <img> dan nama file akan ditulis dalam atribut src. Contoh:
- 12. 6 Atribut width dan height Atribut width dan height dalam HTML berfungsi untuk menentukan lebar dan tinggi. Contoh:
- 13. 7 Atribut alt Artibut alt merupakan teks alternative yang digunakan saat gambar tidak bisa ditampilkan, alternate image ini juga bisa dioptimasi untuk keperluan SEO. Contoh:
- 14. 8 Atribut style Atribut style digunakan untuk menentukan styling seperti warna, font, ukuran dll. Contoh:
- 15. 9 Atribut lang Atribut lang berguna untuk mendeklarasikan bahasa.Contohnya pada syntak <html lang=”en-US”> menAndakan bahasa yang digunakan adalah en menunjukan English dan US menunjukan dialek yang digunakan.
- 16. 10 Atribut title Atribut title untuk menunjukan judul dari sebuah halaman. Biasanya atribut title ini diawali dengan atribut pembuka <p> tittle </p>. Contoh:
- 17. 11 HTML Headings Heading didefinisikan dengan tag <h1> sampai <h6>. Untuk H1 biasanya digunakan untuk judul, H2 untuk sub judul dan heading lainnya mengikuti. Contoh:
- 18. 12 HTML Paragraphs Tag pada paragraph didefinisikan dengan pembuka <p> dan penutup </p>. Contoh: