tutorialswb

TutorialsWB hadir sebagai wadah bagi teman-teman yang ingin "Belajar PHP Dasar". Sehingga kami yakin bahwa TutorialsWB akan menjadi Pusat "Belajar Bahasa Pemrograman PHP" Disamping PHP website ini menyediakan berbagai tips dan trik Blogger. Kami menerima Pemasangan iklan banner atau artikel.

Hubungi Saya

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­čśÉ



Baca Juga