Membuat Web dengan Navigasi Sederhana
1. Link 1 (sebagai halaman pembuka)* File Running
2. Link 2 (sebagai halaman gambar)
1. Link 1
<html>
<head>
<meta name="Author" content="Awan">
<title> Pertemuan 2 </title>
<link rel="shortcut icon" href="gelas.ico"> <!--Menampilkan Favicon-->
</head>
<body bgcolor="red"> <!--Memberikan warna Background -->
<font face="Arial" color="#fff">
<nav align="center"> <!--Membuat Navigator Bar-->
<a href="link1.html"> Home </a> |
<a href="link2.html"> Map Picture on Tab </a> |
<a href="link2.html" target="blank"> Map Picture on New Tab </a> |<!--Link New Tab -->
<a href="mailto:dwiprasetiyo859@gmail.com"> Contact Us </a> <!-- Mengirimkan Email -->
</nav>
<p>
<h1 align="center"> NAVIGATION BAR </h1>
<h3 align="center"> pertemuan 2 </h3>
</p>
</font>
</body>
</html>
2. Link 2
<html>
<head>
<meta name="Author" content="Pras">
<title> Pertemuan 2 </title>
<link rel="shortcut icon" href="gelas.ico"> <!--Menampilkan Favicon-->
</head>
<body bgcolor="orange"> <!--Memberikan warna Background -->
<font face="Arial" color="#fff">
<nav align="center"> <!--Membuat Navigator Bar-->
<a href="link1.html"> Home </a> |
<a href="link2.html"> Map Picture on Tab </a> |
<a href="link2.html" target="blank"> Map Picture on New Tab </a> |<!--Link New Tab -->
<a href="mailto:dwiprasetiyo859@gmail.com"> Contact Us </a> <!-- Mengirimkan Email -->
</nav>
<p>
<h1 align="center"> IMAGE MAPS </h1>
<h3 align="center"> pertemuan 2 </h3>
</p>
<p>
<center>
<a href="link1.html"> <img src="bii.png" height="50%"> </a> <!-- Link pada Gambar-->
 
<img src="gelas.jpg" height="50%" usemap="#peta"> <!-- Link di bagian tertentu -->
<map name="peta">
<area shape="rect" coords="30,30,70,85" href="link1.html" />
<area shape="circle" coords="350,150,30" href="link1.html" />
</p>
</font>
</body>
</html>
0 komentar:
Posting Komentar