Pada lab kali ini, kita akan belajar menulis html dan membuat web sederhana.Untuk menuliskan code HTML kita membutuhkan text editor, untuk lab kali ini saya menggunakan notepad, di next lab saya akan bahas code editor.Pastikan web browser sudah terinstall di pc/laptop anda.

Mari buat folder untuk menyimpan file html 

ctrl+shift+n (untuk membuat folder dengan cepat)

Setelah membuat folder selesai, buka notepad kemudian save as dan berinama file tersebut dengan extensi .html

Buka notepad, kemudian save as, beri nama dan pastikan di akhir ada imbuhan .html.Untuk save as type di ubah ke all files, kemudian klik save.Untuk memberi nama  disarankan tida memakai spasi agar tidak erorr saat di buka pada web browser.

Pada notepad tuliskan hello world!, kemudian ctrl+s untuk menyimpan hasil perubahan-nya

Buka hasil save file html pada web browser anda, maka akan tampil web sederhana 

halaman web biasa/plain text

Pada gambar sebelumnya merupakan web biasa yang menampilkan hello word, mari buat halaman html 

struktur dasar html


Jika sudah menuliskan struktur html, bisa anda coba save as filte tersebut, kemudian buka save file anda, maka akan muncul halaman html pada web browser anda,Tampilannya akan sama dengan halaman biasa, tetapi pada halaman html kali ini untuk kata hello bisa di posisikan sebagai paragraf, dan kita bisa membuat judul paragraf tersebut, contoh :

penambahan tag <p> 

Tag <p> berfungsi untuk membuat paragraf pada sebuah kalimat dan di tutup/di akhiri dengan tag </p> sebagai tag penutup.Kemudian save as elemen htmlnuya, dan coba refresh halaman htmlnya

halaman html dengan karakter ber-paragraf

Struktur HTML



Thank You For Reading :)