Belajar HTML part1

PERTEMUAN 2 – WEB PROGRAMMING (Rangkuman Pertemuan pada hari Senin, tanggal 19 Maret 2018) Langkah – langkah membuat web dengan Script HTML dan Aplikasi XAMPP 1. Instal XAMPP 2. Jika sudah selesai diinstal, buka aplikasi XAMPP Control Panel 3. Klik Tombol Start pada bagian Apache dan MySQL Apache => Server MySQL => Database 4. Buka Windows Explorer 5. Masuk ke Folder Instalasi XAMPP (biasanya di partisi C (Local Disk) => C://xampp/ 6. Masuk ke folder htdocs 7. Hapus 2 file yang bernama index (index.php dan/atau index.html) localhost = localhost/index.php = localhost/index.html 8. Buka web browser (firefox, chrome dsb) 9. Ketikkan di kolom url address bar => localhost localhost = C://xampp/htdocs = tempat menyimpan file-file web 10. Buat folder baru bernama “lat1” di dalam folder htdocs 11. Ulangi langkah ke-9, maka nanti folder “lat1” akan muncul 12. Buka aplikasi editor text (Notepad ++ / Notepad (bawaan dari Windows)) HTML (HYPERTEXT MARKUP LANGUAGE) Sebuah Bahasa untuk menampilkan konten di web, Bahasa pemrograman yang bebas (tidak dimiliki siapapun dan dikembangkan banyak orang secara global) - ELEMEN HTML = satu blok kode yang terdapat tag pembuka dan tag penutup. - TAG HTML = penanda, diketik dengan symbol “<” dan “>” Format : ATTRIBUTE HTML STRUKTUR DASAR HTML ………. …………………………… 13. Isikan di Notepad, struktur dasar html beserta tag title 14. Simpan file tersebut ke dalam folder “lat1” dengan nama : percobaan.html 15. Ulangi langkah ke-9, pilih folder “lat1”, maka nanti muncul file percobaan.html, klik dan lihat hasilnya. CONTOH TAG HTML : ………… = huruf tebal (bold) ………….. = huruf miring (italic) ………… = huruf garis bawah (underline)

…………

= paragraf ……….. = Text Berjalan
= ganti baris / enter (break)

---

= garis horizontal (horizontal ruler) HEADING (digunakan untuk judul) (Ex : judul blog, judul berita, judul testimony, judul artikel)

…………

-> Paling besar ukuran fontnya

…………

…………

…………

…………

…………

-> Paling kecil ukuran fontnya BULLET & NUMBERING

• ………..
• ………..

KETERANGAN : - ul (unordered list) = Bullet (tanda point) - ol (ordered list) = Numbering (penomoran/angka) - li (list) = Daftar data Script penggunaan HTML pada Notepad : Hasil Web dengan Script HTML :