Membuat Website Sederhana Satu Halaman dengan HTML

Membuat Website Sederhana Satu Halaman dengan HTML
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
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
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
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
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
Membuat Website Sederhana Satu Halaman dengan HTML
* optional <img src="buku.png" alt="gambar1" />
** 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
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
Membuat Website Sederhana Satu Halaman dengan HTML

8. Simpan dengan extensi *.html dan buka di browser
Membuat Website Sederhana Satu Halaman dengan HTML
Membuat Website Sederhana Satu Halaman dengan HTML



Not need to know.

Artikel Terkait

Previous
Next Post »