Arkadaşlar şimdi size bir html menü örneği sunacağım, ama öncelikle bunun basit olmasına dikkat edeceğim.Yaptığım menü tamamen alt alta dizilen grafiklerin büyük bir başka grafik içine hapsedilmesiyle tasarlanmış olacak.
Menünün boyutlarını width değerini azaltıp çoğaltıp değiştirebilirsiniz veya tablonun rengini de bgcolor yazan yeri değiştirerek değiştirebilirsiniz.
Hatta renk yerine arkaplan resmi bile koyabilirsiniz. Bunun için bgcolor yazan yeri silerek onun yerine background yazmalıyız.(Örnek:background="resmin bulunduğu konum.resmin formatı")(Not:Aynı dizinde bulunan dosyalarda konum belirtmeksizin resmin adını yazabilirsiniz.)
Yazıları menü içinde left,center... gibi sözcüklerle istenilen yerde tutabiliriz.(Örnek:<center>html kodu</center>
<html>
<head>
<title>Hazır Menü</title>
</head>
<body>
<TABLE>
<TR>
<TD>
<table border=1 bgcolor="yellow" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%"></td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%"><center><blink>
MENÜ</blink><center></td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Anasayfa</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Domain & Hosting</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Hakkımızda</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Türk Telekom</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Sorular</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
PHP</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
ASP</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Çeşitleme</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Foto Galeri</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Smiley İfade</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Animasyon</td>
<table border=1 bgcolor="orange" width=150 cellspacing=2 cellpadding=2> <tr>
<td align=top width="50%">
Linkler</td>
</TD>
</TR>
</TABLE>
</body>
</html>