Blogger Widgets

Sabtu, 16 Mei 2015

mendesain web dengan format html

selamat datang lagi di minangmylife!
hehe...seneng bangat bisa berbagi lagi di blog ini
ok pada kesempatan  kali ini saya akan berbagi cara mendesain tampilan web dengan format  html
ok cekidot...alias check it out! hehe
langkah pertama seperti biasa copas coding di bawah ini ke notepad++ teman2 sekalian.
<doctype html>
<html>

<head>

<style>
#header{
background-color:e400ff;
color:white;
text-align:center;
padding: 5px;
}
#nav{
line-height: 30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section{
width :350px;
float:left;
padding:10px;
}
#footer{
background-color:e400ff;
color:white;
clear:both;
text_align:canter;
padding :5px;
}
</style>
</head>


<body>
<div id ="header">
<h1> City Gallery <h1>
</div>

<div id="nav">
<a href ="#">london</a> <br>
<a href ="#">Paris</a> <br>
<a href ="#">tokyo</a> <br>
</div>

<div id ="section">
<h1> London </h1>
<p>
London is the capytal city of england. it is the most populouscity in the united kingdom,
with a metropolitan area of over13 million inhabitants.
</p>
<p>
standing on the river themes, london hes been a major settlement for two millennia,
its history going back to itsfuonding by the romans,who named it londitium.
</p>
</div>

<div id="footer">
<MARQUEE align="center" direction="right">Copyright © W3Schools.com<center</MARQUEE>
</div>

</body>

</html>

kemudian save dalam format html and then open with mozilla firefox si bola api...hehe
nah ini lah hasil tampilan desain web kita kali ini




sekian perjumpaan kita kali ini,,jangan sungkan2 berkunjung ke blog kami.
salam minangmylife!

1 komentar: