PENGENALAN HTML MATA KULIAH PEMROGRAMAN WEB Materi Pertama Dosen : Vindo Feladi, ST, M.Pd
Indikator Mahasiswa dapat memahami arti dari pemrograman Mahasiswa dapat mengetahui pengertian HTML Mahasiswa dapat memahami struktur dari HTML Mahasiswa dapat menerapkan struktur HTML Mahasiswa dapat menerapkan penyimpanan file dalam bentuk html Mahasiswa dapat menampilkan output html dari browser Mahasiswa dapat menerapkan fungsi headings dalam HTML
Kuis Apa pengertian program ? Apa pengertian pemrograman ? Apa pengertian bahasa pemrograman ? Apa hubungan antara program, pemrograman dan bahasa pemrograman ?
Program, Pemrograman dan Bahasa Pemrograman Program adalah sekumpulan langkah-langkah untuk penyelesaian suatu masalah dengan bantuan komputer. Pemrograman adalah proses membuat program. Bahasa pemrograman adalah bahasa yang digunakan untuk menuliskan langkah-langkah dalam bentuk perintah dan pernyataan (statement)
Hubungan program, pemrograman dan bahasa pemrograman PEMOGRAMAN Instruksi bentuk biner KOMPUTER Bahasa Pemograman Logika dan algoritma MANUSIA
Pengertian HTML HTML (Hypertext Markup Language) adalah bahasa standar dalam menulis halaman web. Merupakan dokumen dalam bentuk teks biasa yang dapat diterjemahkan oleh web browser menjadi suatu halaman yang menarik. Bahasa yang dipakai untuk menampilkan informasi pada halaman web Mendukung sekumpulan perintah yang dapat digunakan untuk mengatur tampilnya informasi Bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintah.
Penggunaan HTML Untuk dapat menggunakan HTML, ada hal yang harus dibutuhkan: Text editor Web browser Media penyimpanan
Struktur Dokumen HTML <html> <head> <title>Judul halaman</title> </head> <body> isi halaman web /informasi </body> </html>
Penyimpanan File HTML Untuk menyimpan file dengan menggunakan text editor adalah dengan klik menu file kemudian pilih save dan tulis nama_data.hmtl di direktori web server atau bebas.
Output HTML Dapat dengan klik file html yang sudah dibuat melalui web browser. Pada web browser di bagian URL nya tuliskan localhost/nama_data.html
Headings Digunakan untuk menampilkan nama bab atau bagian tertentu yang dianggap sebagai topik utama. Terdapat 6 level heading mulai dari<h1> sampai <h6>. Penerapannya <html> <head><title>headings</title></head> <body> <h1> heading 1 </h1> <h2> heading 2 </h2> <h5> heading 5 </h5> </body> </html>
Pengujian Kompetensi Dari materi yang baru saja di ajarkan, buatlah program html sederhana dengan menuliskannya ke dalam text editor dan tampilkan di web browser