HTML :
<!DOCTYPE html> <html> <head> <title>Titile</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <head> <center> <img src="Foto"style="height: 75px; width: 600px;"> <img src="Foto"style="height: 25px; width: 800px;"> <div id="menu"> <ul> <li><a href="Link Selanjutnya">Home</a></li> <li><a href="Link Selanjutnya">Menu</a></li> </ul> </head> <article> <img src=" Foto "style="height: 350px; width: 800px;"> <h2>Judul</h2> <p align="justify"> Artikelmu </p> </p> </article> <footer> <p>© Copyright </footer> </center> </body> </html>
STYLE :
*{padding: 0px; margin: 4px;} body {width: 900px; margin: auto ;} #menu{ background: #808080; height: 30px; width: 800px; } #menu ul li{ display: inline; margin-left: 20px; line-height: 30px; font-size: 18px; border: 1px white; padding: 3px 15px; border-radius: 10px;background: #800000; } #menu ul li a{ color: #f0ffff; } header {background-color: #800000; font-family: verdana, arial, arial black;} header h1 {color: #FFFFFF; padding: 20px; padding-bottom: 15px} header p {color: #FFFFFF; padding: 20px;} body{ background-image : url("Foto");
