cara membuat layout di html yang perlu kamu ketahui
cara membuat layout di html – Tengah cari teknik membuat blog simple dengan cepat serta mudah? Anda telah mendapatkan artikel yang tepat. Di artikel ini Anda akan belajar sedetailnya bagaimanakah cara bikin situs dengan cepat dan mudah.
Oiya, siapa saja dapat ikuti tutorial cara membuat layout di html di artikel ini. Lantaran di petunjuk ini Anda tidak membutuhkan coding sama sekali. Yups, {betul} sekali, Anda tidak usah coding sekali-kali buat bikin situs!
Bagaimana caranya bikin situs tiada coding benar-benar? Baca pembicaraannya di bawah ini ya!
Tutorial cara membuat layout di html untuk Pemula
<!DOCTYPE html>
<html>
<head>
<title>{keyword}</title>
<style>
body {
width: 65%;
height: auto;
background: white;
margin:auto;
margin-top: 5px;
padding-bottom: 5px;
}
p {
text-align: center;
font-size: x-large;
margin:auto;
}
header,nav,article,footer {
border-radius: 3px;
margin: 5px 5px 5px 5px;
border: 1px solid gainsboro;
}
header {
height: 80px;
background-color: aquamarine;
}
nav {
height: 45px;
background-color: blanchedalmond;
}
article {
height: 150px;
background-color: cornflowerblue;
}
footer {
height: 50px;
background-color: darkkhaki;
}
</style>
</head>
<body>
<header>
<p>Header</p>
</header>
<nav>
<p>Navbar</p>
</nav>
<article>
<p>Konten</p>
</article>
<footer>
<p>Footer</p>
</footer>
</body>
</html>
Demikian artikel tentang cara membuat layout di html semoga bermanfaat.
Komentar
Posting Komentar