Langkah-langkah membuat Menu Index Html
1. Bukalah Notepad
2. Siapkan gambar dan beri nama "cover.jpg"
3. Ketikkan Listing Program Berikut ini..
<html>
<head> <title>RPL MOEDIKAL </title></head>
<body align="center" bgcolor ="#fffafa">
<table border="3" align="center" height="250" width="900">
<tr><td background="cover.jpg">
</td>
</tr>
</table>
<table align="center" height="50" width="900" border="2"bgcolor="#99FF00">
<tr><td>
<a href ="index.html"><center>
HOME</center>
</a>
</td>
<td>
<a href ="tabel.html"><center>
TABEL</center>
</a>
</td>
<td>
<a href ="video.html"><center>
Video</center>
</a>
</td>
<td>
<a href ="http://ilmusoftwarekomputer.blogspot.com" target="_blank"><center>
ABOUT</center>
</a>
</td>
</tr>
</table>
<table border="3" align="center" height="400" width="900">
<tr><td align="center"bgcolor="#FEFF80">
<h2>
Pengertian HTML </h2>
<table width="600">
<tr>
<td valign="top">
<img src="logo-html.jpg" height="200" width="200"></td>
<td> </td>
<td><p align="justify">
Halaman web yang kalian buat ini menggunakan
bahasa yang disebut HTML (Hypertext Markup Language). HTML merupakan
pengembangan dari standar pemformatan dokumen teks yaitu Standard
Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen
ASCII atau teks biasa yang dirancang untuk tidak tergantung pada suatu sistem
operasi tertentu.
HTML dibuat oleh Tim Barners-Lee ketika masih bekerja untuk CERN.
HTML dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 90’an,
HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan
HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik
daripada versi sebelumnya. Perkembangan yang pesat tersebut tidak sampai
merubah cara kerja HTML. </p>
</td>
</tr>
</table>
</td>
<td bgcolor="#FEFF80">
<table align="center" height="400" width="200" >
<tr ><td valign="top"><br>
<h3>
Tutorial HTML</h3>
<ul>
<li>
<a href="http://www.w3schools.com/html/html_tables.asp" target="_blank"><b>Membuat Tabel</b></a>
</li>
<br>
<li>
<a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_pulpitimage" target="_blank"><b>Menyisipkan Image</b></a>
</li>
<br>
<li>
<a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_target" target="_blank"><b>Membuat Link</b></a>
</li>
<br>
<li>
<a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_all" target="_blank"><b>Menyisipkan Video</b></a>
</li>
<br>
<li>
<a href="http://www.w3schools.com/html/html_formatting.asp" target="_blank"><b>Membuat Format Form</b></a>
</li>
<br>
<li>
<a href="http://www.smkmuhpekalongan.sch.id/" target="blank"><b>Smk Moedikal</b></a>
</li>
</ul>
</td></tr>
</table>
</td>
</tr>
</table>
<table border="3" align="center" height="100" width="900">
<tr><td bgcolor="dcdcdc">
<h4 align="center">
<i>COPYRIGHT © 2013-2014 PEMROGRAMAN WEB SMK MUHAMMADIYAH PEKALONGAN</i> </h4>
<br align="center"><i><center>
<marquee>Thema by : RPL SMK Moedikal</marquee></i>
</tr>
</td>
</table>
</body>
</html>
4. Selamat Belajar...
0 Comments
