Pertemuan III Navigasi / Link Web

Pertama buat Table di htmlnya :

<html>
<body>
<table border = "3" width="100%">
<center>
<tr>
<td colspan = "5" align = "center" height = "75" >
Header
</td>
</tr>
<tr>
<td align = "center" height = "50"> <a href="file:///C:/Users/Mahasiswa/Desktop/pertemuan3b.html">LEO</a> </td>
<td align = "center"> Link 2 </td>
<td align = "center"> Link 3 </td>
<td align = "center"> Link 4 </td>
<td align = "center"> Link 5 </td>

</tr>
<tr>
<td colspan = "5" align = "center" height ="450">
MAIN
</td>
</tr>
<tr>
<td colspan = "5" align = "center" height ="75">
footer
</td>
</tr>
</body>
</html>

SS hasil :

Selanjutnya bikin satu html untuk di referensikan link na ke html utama :

<html>

<body>

<center>

<img src = "http://1.bp.blogspot.com/-7fJ7tWQu0bQ/TzzQYzN3d_I/AAAAAAAAAF4/ISP1PGvxNvg/s1600/zodiak%2Bleo.jpg" alt ="Leo Picture">

<p style = "color : blue; font-size : 24px"> LEO </p>

<p style = "color : red; font-size : 24px">(23 Juli - 29 Agustus)</p>

</center>

<hr size="5" color=blue></hr>

<center>

<p><a href="file:///C:/Users/Mahasiswa/Desktop/UMUM.html">UMUM</a><br \>

<a href="file:///C:/Users/Mahasiswa/Desktop/CINTA.html">CINTA</a><br \>

<a href="file:///C:/Users/Mahasiswa/Desktop/KEUANGAN.html">KARIER & KEUANGAN</a></p>

</center>

</body>

</html>

SS hasil :

keterangan : 

coding untuk mereferensikan suatu link/alamat :

<p><a href="Alamat html yang akan di masukan"> Nama Link </a>

coding untuk memasukkan gambar ke dalam web html:

<img src = "Alamat dari gambar yang akan di muat" alt ="Label Nama">