Tutorial Pembuatan Website pemula
Halo sahabat harmoni, kali ini kita akan membahas bagaimana sih cara membuat website untuk pemula nih untuk mencobanya silahkan di copy paste saja script yang sudah saya buat
<!DOCTYPE html> <html lang="id"> <head> <title>SLAPPY Shop Online | Toko Online Terpercaya</title> <meta charset="UTF-8"/> <meta content="SLAPPY SHOP" http-equiv="copyright"/> <meta content="acilmedes" name="generator"/> <meta name="author" content="Reza Aria Wiranegara"/> <style> body{ background-image: url("Penguins.jpg"); width: auto; height: auto; } header { background-color: transparent; color:black; text-align:center; padding:5px; text-shadow: 4px 1px #FF0341; } nav { line-height:30px; outline-style: solid; background-color:#84ffdb; height:300px; width:150px; float:left; padding:5px; } section { background-color: whitesmoke; width:500px; height:1000px; float:left; padding:10px; margin-left:20px; } footer { background-color:black; color:white; clear:both; text-align:right; padding:5px; margin-bottom: auto; } div { background-color: lightgrey; width: 250px; padding: 25px; border: 25px solid navy; margin: 25px; margin-right: 50; float: right; </style> </head> <body> <header> </header> <nav> Aksesoris gelang<br> Aksesoris Kalung<br> Aksesorus gelang<br> Sepatu<br> celana<br> baju<br> </nav> <div> <iframe allowfullscreen="allowfullscreen" width="250" height="200" ; src="https://www.youtube.com/watch?v=IKxwPCKviLI"> </iframe></div> <section> HELLO EVERYBODY<br> ayo belanja terus dan dapatkan point diskon setiap pembelian item yang di sediakan oleh SLAPPY SHOP online </section> </body> <footer> SLAPPY Shop-copyright </footer> </html>
website ini masih not user friendly artinya website ini hanya dibuat sebagai kerangkanya saja belom dirapihkan sebagaimana mestinya, hasil dari script diatas adalah sebagai dibawah ini:
untuk memperbaiki website yang berantakan seperti di atas kita harus belajar mengenai CSS dalam website, CSS (Cashade Style Sheet) adalah bahasa pemograman website untuk mengatur tata letak dari website, untuk website yang sudah rapih untuk pemula akan di bahas pada bahasan selanjutnya. staytuned :D
Komentar
Posting Komentar