Membuat Website Sederhana Satu Halaman dengan HTML |
Persiapan:
Aplikasi untuk menulis script html (dalam kasus ini saya menggunakan notepad++).
Browser untuk melihat halaman website yang kita buat.
Beberapa file foto/gambar. *optional
Langkah:
1. Ketikkan script html di bawah ini:
Membuat Website Sederhana Satu Halaman dengan HTML |
2. Ketikkan script css seperti di bawah ini di antara tag <style type="text/css"> dan <style>
Membuat Website Sederhana Satu Halaman dengan HTML |
3. Ketikkan script untuk class wrapper seperti di bawah ini di antara tag <body> dan </body>
Menjadi seperti ini:
Membuat Website Sederhana Satu Halaman dengan HTML |
4. Ketikkan script untuk header seperti di bawah ini, tepat di bawah tag <div class="wrapper">
Membuat Website Sederhana Satu Halaman dengan HTML |
5. Ketikkan script untuk section class isi seperti di bawah ini, tepat di bawah tag </header>
Membuat Website Sederhana Satu Halaman dengan HTML |
** jika menggunakan gambar, file gambar harus satu folder penyimpanan dengan file .html
*** contoh text bisa menggunakan dummy text.
6. Ketikkan script untuk aside seperti di bawah ini, tepat di bawah tag </section >
Membuat Website Sederhana Satu Halaman dengan HTML |
7. Ketikkan script untuk footer seperti di bawah ini, tepat di bawah tag </aside >
Membuat Website Sederhana Satu Halaman dengan HTML |
8. Simpan dengan extensi *.html dan buka di browser
Membuat Website Sederhana Satu Halaman dengan HTML |
EmoticonEmoticon