Membuat Header, Sub Menu, Content, dan footer

Assalamu'alaikum wr, wb...
Kali ini saya akan membuat sebuah halaman web sederhana dengan code html dengan file format html...

berikut script untuk header.php

script untuk menu.php

script untuk content.php

script footer.php

Untuk memanggil semua code, saya membuat file pemanggilan dengan nama latihan.php

<html>
          <head>
                   <title>Latihan</title>
          </head>

<div class="header">
<header> <h1>
 <center>
 Welcome To Header </h1>
</header> <center>

<head>
          <meta charset="utf-8">
          <title>Header</title>
          <style type="text/css">

::selection { background-color: #E13300; color: white; }
          ::-moz-selection { background-color: #E13300; color: white; }

body {
                   background-color: #fff;
                   margin: 40px;
                   font: 13px/20px normal Helvetica, Arial, sans-serif;
                   color: #4F5155;
          }

a {
                   color: #003399;
                   background-color: transparent;
                   font-weight: normal;
          }

h1 {
                   color: #444;
                   background-color: transparent;
                   border-bottom: 1px solid #D0D0D0;
                   font-size: 19px;
                   font-weight: normal;
                   margin: 0 0 14px 0;
                   padding: 14px 15px 10px 15px;
          }

code {
                   font-family: Consolas, Monaco, Courier New, Courier, monospace;
                   font-size: 12px;
                   background-color: #f9f9f9;
                   border: 1px solid #D0D0D0;
                   color: #002166;
                   display: block;
                   margin: 14px 0 14px 0;
                   padding: 12px 10px 12px 10px;
          }

#body {
                   margin: 0 15px 0 15px;
          }

p.footer {
                   text-align: right;
                   font-size: 11px;
                   border-top: 1px solid #f0f0f0;
                   line-height: 32px;
                   padding: 0 10px 0 10px;
                   margin: 20px 0 0 0;
          }

#container {
                   margin: 10px;
                   border: 1px solid #D0D0D0;
                   box-shadow: 0 0 8px #D0D0D0;
          }
          </style>

<div class="menu-wrap">
          <ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Kumpulan Articel</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h2>
 di atas Merupakan cara menampilkan :<i><p>
header, content, menu, dan footer </i> di CodeIgniter (CI)
</h2>
<footer class="mbr-section mbr-section--relative mbr-section--fixed-size" id="footer1-2" style="background-color: rgb(68, 68, 68);">
  
    <div class="mbr-section__container container">
        <div class="mbr-footer mbr-footer--wysiwyg row">
            <div class="col-sm-12">
              <font color="white">  <p class="mbr-footer__copyright">
Copyright © 2016 || TEKNIK IINFORMATIKA <p align="right">
Hariyono Jainahu  </a></p>
</font>
            </div>
</div>
</div>
</html>

Maka hasilnya seperti berikut ini :

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

1 komentar:

Berita Islam6 Oktober 2018 pukul 20.03
Lagu.Club menggunakan teknologi yang download lagu disebut multi-threaded untuk mempercepat mingguan, dengan demikian meningkatkan kecepatan download secara ilmiah. Tidak peduli Anda ingin free download Lagu MP3 atau film, Lagu.Club akan mengambil keuntungan penuh dari jaringan kecepatan tinggi Anda.

1. Download dan instal Lagu.Club – Gratis MP3 lagu download.
Lagu.Club - gratis MP3 lagu Downloader
2. Kunjungi situs freelagu.com dan kemudian klik download link.
3. Memilih lokasi dimana Anda ingin menyimpan musik MP3 gratis.
4. Klik pada tombol Download dan menunggu sampai tugas selesai.

Ingin gratis download MP3 lagu? Silakan download dan menginstal Lagu.Club! Lagu.Club bisa download gratis film dan musik favorit Anda, sehingga Anda dapat membangun koleksi musik pribadi Anda sendiri, dan replay mereka kapanpun Anda inginkan. Lagu.Club lebih cepat dan lebih baik daripada downloader terpadu browser. Semua yang perlu Anda lakukan adalah hanya menikmati!

Sementara menyediakan kecepatan download tinggi, fungsionalitas yang kaya dan pengalaman yang baik, Lagu Gratis Lagu.Club bersikeras freeware lisensi. Tidak ada batasan waktu atau fitur. Lagu.Club tidak mengandung spyware atau malware.
BalasHapus
Balasan

Tambahkan komentar

Membuat Header, Sub Menu, Content, dan footer

Milan Tomic

RELATED POSTS

1 komentar: