Scribd
Upload
117 views3 pages

Buatlah HTML Seperti Berikut Dan Simpan Dengan Nama Kanan - HTML

The document provides instructions to create several HTML files to build a basic website layout using frames. It includes steps to create files for the header (atas.html), left menu (kiri.html), main content (kanan.html), and a frameset file (frame.html) to combine the individual pages into a framed multi-page website. Styles are added using CSS for formatting and layout.

Uploaded by

Fatwa Syarifah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
117 views3 pages

Buatlah HTML Seperti Berikut Dan Simpan Dengan Nama Kanan - HTML

The document provides instructions to create several HTML files to build a basic website layout using frames. It includes steps to create files for the header (atas.html), left menu (kiri.html), main content (kanan.html), and a frameset file (frame.html) to combine the individual pages into a framed multi-page website. Styles are added using CSS for formatting and layout.

Uploaded by

Fatwa Syarifah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Buatlah HTML seperti berikut dan simpan dengan nama kanan.

html
<html>
<body bgcolor="lightgreen">
<center>
<br>
<br>
<h1>
BELAJAR HTML, CSS &amp; PHP
<hr>
JURUSAN TEKNIK INFORMATIKA
<br>
SMK Al-Ibrohimiyah
</h1>
</center>
</body>
</html>

Bikin kiri.html

<html>
<head>
<title>WEB SMKIB</title>

<style type="text/css">
body {
background:#ECF0F1;
margin:0;
font-family: 'Open Sans', sans-serif;
}
nav.menu ul {
color:#fff;
overflow:hidden;
list-style: none;
float:left;
padding:0;
width: 125px;
font-size: 20px;
margin:0 0 0;
background: #ECF0F1;
-webkit-box-shadow: 1px 1px 1px 0px rgba(204,204,204,0.55);
-moz-box-shadow: 1px 1px 1px 0px rgba(204,204,204,0.55);
box-shadow: 1px 1px 1px 0px rgba(204,204,204,0.55);
}

nav.menu ul a {
color:#2abe1b;
border-top:1px solid #2abe1b;
border-bottom: 1px solid #2abe1b;
padding:20px;
display:block;
font-weight:700;
font-size: 14px;
color: #2abe1b;
text-transform: uppercase;
transition: all 0.5s ease;
text-decoration: none;
}

nav.menu ul a:hover {
text-decoration: underline;
color: #fff;
background:#2abe1b;
}
</style>
</head>
<body>
<center>
<h4>
MENU <p></p>
<!-- bagian menu -->
<nav class="menu">
<ul>
<li>
<a href="kanan.html" target=kanan>Home</a>
</li>
<li>
<a href="datasiswa.php" target=kanan>Data Siswa</a>
</li>
<li>
<a href="dataguru.php" target=kanan>Data Guru</a>
</li>
<li>
<a href="index.html" target="_top">Logout</a>
</li>
</ul>
</nav>

Bikin atas.html
<html>
<head>
<title>WEB SMKIB</title>

<style type="text/css">
body {
background:#2abe1b;
margin:0;
font-family: 'Open Sans', sans-serif;
}
header{
text-align: center;
color: #232323;
}

header .judul{
font-size: 20pt;
color: #fff;
}

header .deskripsi{
font-size: 11pt;
color: #fff;
}
</style>
</head>
<body>
<header>
<h1 class="judul">SMK AL-IBROHIMIYAH</h1>
<p class="deskripsi">Web SMK yang di buat oleh "Nama Kalian"</p>
</header>
</body>
</html>

Bikin frameset index frame.html

<title>WEB SMKIB</title>

<frameset rows="18%,*" border="0">


<frame src= "atas.html" noresize>

<frameset cols="9%,*" border="3">


<frame src= "kiri.html" BORDERCOLOR="#2abe1b" noresize >
<frame src= "kanan.html" SCROLLING=”YES” name=kanan>

</frame>
</frame>
</frame>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy