cara membuat layout di html yang perlu kamu tahu

cara membuat layout di html – Tengah cari trik membikin situs simple dengan cepat dan mudah? Anda udah mendapati artikel yang pas. Lewat artikel ini Anda bakal belajar secara lengkapnya bagaimana caranya bikin web dengan cepat serta mudah.

Oiya, siapa saja dapat mengikut tips cara membuat layout di html di artikel ini. Dikarenakan di petunjuk ini Anda tak membutuhkan coding sama sekali. Yap, {betul} sekali, Anda tak perlu coding betul-betul untuk bikin web!

Bagaimanakah caranya bikin blog tiada coding sekalipun? Simak 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

Postingan populer dari blog ini

epoxylantai

Berita

membuat website gratis dan mudah untuk pemula yang perlu anda tahu