250 likes | 594 Views
MATA KULIAH PEMROGRAMAN WEB. Materi Pertama. PENGENALAN HTML. 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
E N D
MATA KULIAH PEMROGRAMAN WEB Materi Pertama PENGENALAN HTML 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 sekumpulanlangkah-langkahuntukpenyelesaiansuatumasalahdenganbantuankomputer. Pemrograman adalahprosesmembuat program. Bahasa pemrograman adalah bahasayang digunakan untukmenuliskanlangkah-langkahdalambentukperintahdanpernyataan (statement)
Hubungan program, pemrograman dan bahasa pemrograman PEMOGRAMAN Instruksibentukbiner KOMPUTER BahasaPemograman Logikadanalgoritma 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 Text editor Web browser Media penyimpanan Untuk dapat menggunakan HTML, ada hal yang harus dibutuhkan:
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