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 :)