Tutorial cara membuat website statis (part 3) | Membuat dokumen HTML
Setelah beberapa penjelasan tentang software yang dibutuhkan dan jugapengenalan HTML kini saatnya kita belajar membuat file dokumen .html sederhana.
Langkahnya untuk membuat file .html adalah sebagai berikut :
- Siapkan secangkir kopi panas dan pisang goreng untuk membantu menenangkan pikiran.
- Buka applikasi notepad++ ataupun bluefish editor
- Buat file baru dan pada file kosong tadi masukkan seperti yang saya tulis dibawah ini. Penjelasan tentang script dibawah akan saya jelaskan di akhir postingan.
<html> <head> <title>Website statis</title> </head> <body> <b>Selamat datang di website statis pertama saya</b> </body> </html>
- Jika sudah dimasukkan, simpan nama file tadi dengan nama index.html.
- Buka file tadi dengan web browser, maka softholic mania akan melihat hasilnya.
Sekarang saya akan coba menjelaskan script yang saya tulis diatas tadi. Seperti penjelasan yang sudah tulis di tutorial webstatis part (2) untuk membuat script html harus diawali tag pembuka dan tag penutup.
<html> </html> merupakan tag awal untuk memulai membuat file .html, isi dari file harus berada diantara tag tersebut.
<head> </head> merupakan tag yang berfungsi untuk menjelaskan kepada web browser tentang isi dari file dokumen .html anda. Pada tag head dapat disisipkan tag title ataupun meta. Pada contoh diatas saya menyisipkan tag title di bagian head. tag title akan memberitahu kepada web browser judul file dokumen .html softholic mania.
<body> </body> merupakan tag yang nantinya dibaca oleh web browser dan ditampilkan kepada user. pada tag body dapat disisipkan berbagai tag seperti tag table, tag form, dan masih banyak tag lain.
Untuk materi tutorial website statis part 3 saya rasa sudah cukup, silahkan softholic mania bereksplorasi dengan tag tag html lain sebelum kita melanjutkan ke tutorial website statis berikutnya.
Tidak ada komentar:
Posting Komentar