MTLM Layouts

Selamat malam sobat blogger kali ini saya akan share pelajaran beberapa tahun lalu yaitu HTML Layout. Layout pasti selalu ada dalam sebuah website, blogger, aplikasi dll. Ini merupakan pelajaran dasar yang pernah saya dapatkan ketika mengambil mata kuliah web design, dan ternyata membuat website dengan html ada hal yang mengasikkan. kode HTML juga merupakan kode yang sangat mudah untuk dipahami, berbeda dengan sebuah program yang menurut saya pribadi sedikit susah, Langsung aja berikut HTML-nya.

<!DOCTYPE html>
<html>
<head>
<style>
div.container {
    width: 100%;
    border: 1px solid gray;
}

header, footer {
    padding: 1em;
    color: white;
    background-color: green;
    clear: left;
    text-align: center;
}

nav {
    float: left;
    max-width: 160px;
    margin: 0;
    padding: 1em;
}

nav ul {
    list-style-type: none;
    padding: 0;
}
 
nav ul a {
    text-decoration: none;
}

article {
    margin-left: 170px;
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
}
</style>
</head>
<body>

<div class="container">

<header>
   <h1>Arman's Store </h1>
</header>
 
<nav>
  <ul>
  <center>
    <li><a Mamampang="#">Mamampang</a></li>
    <li><a Garassi="#">Garassi</a></li>
    <li><a Gowa="#">Tm</a></li>
    </center>
  </ul>
</nav>

<article>
  <h1>Mamampang</h1>
  <p>Menjual berbagai template website sesuai kebutuhan sobat bloggger</p>
</article>
<footer>Copyright 2016-1017 &copy; arman_basir</footer>
</div>

</body>
</html>


Sekian postingan HTML layouts semoga teman-teman yang sedang belajar HTML dan sedang mendesain sebuah web mungkin ini bisa menjadi pelajaran dasar, sekian wassalam­čśÉ



Belum ada tanggapan untuk "MTLM Layouts"

Post a Comment