pemrograman web menggunakan frames
Script index.html
<html>
<frameset cols="20%,*" border="1">
<frame src="kiri.html"/>
<frame name="main"/>
</frameset>
</html>
script tabel.html
<head><title>by mada</title></head>
<body>
<table border="1">
<tr>
<td rowspan="2">No</td>
<td rowspan="2">Nim</td>
<td colspan="2">Nilai</td>
</tr>
<tr>
<td>UTS</td>
<td>UAS</td>
</tr>
<tr>
<td>1</td>
<td>1500018113</td>
<td>90</td>
<td>80</td>
</tr>
<tr>
<td>1</td>
<td>1500018127</td>
<td>90</td>
<td>80</td>
</tr>
<tr>
<td>1</td>
<td>1500018118
</td>
<td>90</td>
<td>80</td>
</tr>
</table>
</body>
</html>
script image.html
<html>
<head><title>by mada</title></head>
<body>
<table border="1">
<tr>
<td><a href="http://uad.ac.id" target="_blank"><img src="image/1.jpg" style="width:300px;"/></a></td>
<td><a href="http://uad.ac.id" target="_blank"><img src="image/2.jpg" style="width:300px;"/></a></td>
</tr>
<tr>
<td><a href="http://uad.ac.id" target="_blank"><img src="image/3.jpg" style="width:300px;"/></a></td>
<td><a href="http://uad.ac.id" target="_blank"><img src="image/4.jpg" style="width:300px;"/></a></td>
</tr>
</table>
</body>
</html>
Script teks.html
<html>
<head><title>by mada</title></head>
<body>
<a href="#satu" target="_self">link 1</a>
<a href="#dua" target="_self">link 2</a>
<a href="#tiga" target="_self">link 3</a>
<br>
<h2 id="top"></h2>
<pre>
<font style="font-size:26px;color:Red;"> Selamat datang di blog yang tidak seberapa ini </font>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non gravida sapien, a ullamcorper mauris.
Etiam vel felis bibendum, porttitor nibh fringilla, auctor tortor. Quisque tristique scelerisque enim, nec auctor turpis luctus a.
Donec faucibus nunc eu nulla molestie rhoncus. Donec tempus nec velit quis rutrum. Phasellus rutrum urna ex, et sollicitudin orci volutpat venenatis.
Donec id gravida purus, vel hendrerit tellus. Integer dignissim elementum arcu, ut vestibulum sem facilisis at. Sed id ex at odio semper finibus.
Cras justo ante, semper dapibus odio eget, scelerisque blandit lectus. Nunc sagittis vestibulum pulvinar. Nam eu convallis risus.
Maecenas ut dignissim massa.
</pre>
<h2 id="satu">Link 1 :</h2>
<div style="width:700px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non gravida sapien, a ullamcorper mauris. Etiam vel felis bibendum, porttitor nibh fringilla, auctor tortor. Quisque tristique scelerisque enim, nec auctor turpis luctus a. Donec faucibus nunc eu nulla molestie rhoncus. Donec tempus nec velit quis rutrum. Phasellus rutrum urna ex, et sollicitudin orci volutpat venenatis. Donec id gravida purus, vel hendrerit tellus. Integer dignissim elementum arcu, ut vestibulum sem facilisis at. Sed id ex at odio semper finibus. Cras justo ante, semper dapibus odio eget, scelerisque blandit lectus. Nunc sagittis vestibulum pulvinar. Nam eu convallis risus. Maecenas ut dignissim massa.
Proin laoreet velit magna, id tincidunt lacus dictum eu. Praesent lobortis ex non nisl gravida, non tincidunt sem ultrices. Integer elementum nisl eu purus sollicitudin ultrices a a ex. Nullam posuere sem sit amet fringilla pulvinar. Proin libero enim, accumsan sit amet sollicitudin vel, varius vel lacus. Suspendisse at eleifend massa, a lacinia ex. Praesent lobortis consectetur tincidunt. Sed dictum lacus mollis elementum dictum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus feugiat nisl sit amet nibh pharetra condimentum. Proin semper felis fermentum, iaculis arcu ut, auctor dui. Donec ac convallis ligula, sit amet tempor magna. Aenean sit amet ornare felis. Etiam lorem ante, sagittis in velit id, finibus facilisis ante. Phasellus consectetur dolor diam, vitae congue lectus sodales dictum. Etiam ac erat mi. Donec rhoncus tincidunt lectus vitae fringilla. Etiam auctor diam nulla, tincidunt fermentum ex auctor quis. Nullam eu nisl facilisis, feugiat libero nec, fringilla orci. In luctus hendrerit nulla, eget hendrerit neque aliquam sit amet.
Etiam non lobortis quam, eu maximus lectus. Sed a viverra velit,
</div>
<br/><h2 id="satu">Link 2</h2>
Link 2:
<br/><h2 id="dua"></h2>
<div style="width:700px;">
A. Pengertian internet
Internet merupakan kepanjangan dari Interconnected Networking. <br>
Istilah INTERNET berasal dari bahasa Latin inter, yang berarti “antara”. Internet adalah sebuah dunia maya jaringan komputer (interkoneksi) yang terbentuk dari miliaran komputer di dunia. Internet merupakan hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi.
Internet merupakan kepanjangan dari Interconnected Networking. <br>
Istilah INTERNET berasal dari bahasa Latin inter, yang berarti “antara”. Internet adalah sebuah dunia maya jaringan komputer (interkoneksi) yang terbentuk dari miliaran komputer di dunia. Internet merupakan hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi.
Internet merupakan kepanjangan dari Interconnected Networking. <br>
Istilah INTERNET berasal dari bahasa Latin inter, yang berarti “antara”. Internet adalah sebuah dunia maya jaringan komputer (interkoneksi) yang terbentuk dari miliaran komputer di dunia. Internet merupakan hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi.
</div>
<h2 id="tiga">Link 3 : </h2>
<pre>
Internet merupakan kepanjangan dari Interconnected Networking. <br>
Istilah INTERNET berasal dari bahasa Latin inter, yang berarti “antara”. Internet adalah sebuah dunia maya jaringan komputer (interkoneksi) yang terbentuk dari miliaran komputer di dunia. Internet merupakan hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi.
<br/>
<a href="#top" target="_self">back to top</a>
</body>
</html>
Bagikan
Penggunaan FRAME pada pemrograman website
4/
5
Oleh
Bayu Ambika
Silahkan berkomentar secara bijak dan sesuai dengan topik pembahasan ...
Untuk menyisipkan kode pendek, gunakan <i rel="code"> ... KODE ... </i>
Untuk menyisipkan kode panjang, gunakan <i rel="pre"> ... KODE ... </i>
Untuk menyisipkan gambar, gunakan <i rel="image"> ... URL GAMBAR ... </i>