Best Blogger Template

Posted by Ariend_kireii 0 komentar

Studi Kasus Praktikum Web Modul 2

- Script Utama

<!DOCTYPE html>
<html lang="en">

<head>
    <title> Study Kasus </title>
</head>

<frameset>
<frameset rows="10%,*,10%">
<frame src="link1.html"name="top" id="top" />
<frameset cols="20%,*,20%">
<frame src="link3.html" name="left" id="left" />
<frame src="link internal.html" name="main" id="main" />

<frame src="link3.html" name="right" id="right" />
</frameset>
<frame src="link1.html" name="bottom" id="bottom" />
</frameset>

</html>


- Script link1.html

<!DOCTYPE html
<html lang="en">

<head>
<title>Demo Link</title>
</head>

<body>
Untuk kembali ke halaman pertama <a href="link2.html">Klik di sini</a>
</body>
</html>


- Script link3.html

<!DOCTYPE html
<html lang="en">

<head>
<title>Demo Link</title>
</head>

<body>
<a href="link1.html">Klik di sini</a>
</body>
</html>


- Script link internal.html

<!DOCTYPE html>
<html lang="en">

<head>
<title>Demo Link Internal</title>
</head>
<body>
Menu
<ul>
<li><a href="#pendahuluan">Pendahuluan</a></li>
<li><a href="#pembahasan">Pembahasan</a></li>
<li><a href="#kesimpulan">Kesimpulan</a></li>
</ul>

<h3 id="pendahuluan">Pendahuluan</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.

<h3 id="pembahasan">Pembahasan</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.

<h3 id="kesimpulan">Kesimpulan</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</body>
</html>


- Screenshoot

Leave a Reply