▼トップに戻る

●HTMLタグメニュー１

▼メニュー１-１

メニュー1-1

メニュー１

メニュー２

メニュー３

メニュー４

メニュー５

↓<body>?</body>に↓

<table border="0" cellspacing="0" width="100%">
<tr><td bgcolor="#004a95" align="center">

<div style="font-weight:bold;color:#ffffff;padding:5px;">
メニュー1-1
</div>

</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#004a95;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ccccff;
padding:15px;
width:90%;
display:block;
margin:10px 0px 10px 0px;">メニュー１</a>

</tr></td>
<tr><td align="center">

<a href="リンク先URL2" style="font-size:20px;
font-weight:bold;
color:#004a95;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ccccff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー２</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL3" style="font-size:20px;
font-weight:bold;
color:#004a95;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ccccff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー３</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL4" style="font-size:20px;
font-weight:bold;
color:#004a95;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ccccff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー４</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL5" style="font-size:20px;
font-weight:bold;
color:#004a95;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ccccff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー５</a>

</tr></td>
</table>

▼メニュー１-2

メニュー1-2

メニュー1

メニュー2

メニュー3

メニュー4

メニュー5

↓<body>?</body>に↓

<table border="0" cellspacing="0" width="100%">
<tr><td bgcolor="#006a00" align="center">

<div style="font-weight:bold;color:#ffffff;padding:5px;">
メニュー1-2
</div>

</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#006a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#80ff00;
padding:15px;
width:90%;
display:block;
margin:10px 0px 10px 0px;">メニュー1</a>

</tr></td>
<tr><td align="center">

<a href="リンク先URL2" style="font-size:20px;
font-weight:bold;
color:#006a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#80ff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー2</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL3" style="font-size:20px;
font-weight:bold;
color:#006a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#80ff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー3</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL4" style="font-size:20px;
font-weight:bold;
color:#006a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#80ff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー4</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL5" style="font-size:20px;
font-weight:bold;
color:#006a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#80ff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

</tr></td>
</table>

▼メニュー１-3

メニュー1-3

メニュー1

メニュー2

メニュー3

メニュー4

メニュー5

↓<body>?</body>に↓

<table border="0" cellspacing="0" width="100%">
<tr><td bgcolor="#6a6a00" align="center">

<div style="font-weight:bold;color:#ffffff;padding:5px;">
メニュー1-3
</div>

</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#6a6a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ffff00;
padding:15px;
width:90%;
display:block;
margin:10px 0px 10px 0px;">メニュー1</a>

</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#6a6a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ffff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー2</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#6a6a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ffff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー3</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#6a6a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ffff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー4</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#6a6a00;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ffff00;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

</tr></td>
</table>

▼メニュー１-4

メニュー1-4

メニュー1

メニュー2

メニュー3

メニュー4

メニュー5

↓<body>?</body>に↓

<table border="0" cellspacing="0" width="100%">
<tr><td bgcolor="#950000" align="center">

<div style="font-weight:bold;color:#ffffff;padding:5px;">
メニュー1-4
</div>

</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#950000;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ff8080;
padding:15px;
width:90%;
display:block;
margin:10px 0px 10px 0px;">メニュー1</a>

</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#950000;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ff8080;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー2</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#950000;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ff8080;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー3</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#950000;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ff8080;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー4</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#950000;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#ff8080;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

</tr></td>
</table>

▼メニュー１-5

メニュー1-5

メニュー1

メニュー2

メニュー3

メニュー4

メニュー5

↓<body>?</body>に↓

<table border="0" cellspacing="0" width="100%">
<tr><td bgcolor="#4a4a4a" align="center">

<div style="font-weight:bold;color:#ffffff;padding:5px;">
メニュー1-5
</div>

</tr></td>
<tr><td align="center">

<a href="リンク先URL1" style="font-size:20px;
font-weight:bold;
color:#4a4a4a;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#bfbfbf;
padding:15px;
width:90%;
display:block;
margin:10px 0px 10px 0px;">メニュー1</a>

</tr></td>
<tr><td align="center">

<a href="リンク先URL2" style="font-size:20px;
font-weight:bold;
color:#4a4a4a;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#bfbfbf;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー2</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL3" style="font-size:20px;
font-weight:bold;
color:#4a4a4a;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#bfbfbf;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー3</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL4" style="font-size:20px;
font-weight:bold;
color:#4a4a4a;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#bfbfbf;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー4</a>


</tr></td>
<tr><td align="center">

<a href="リンク先URL5" style="font-size:20px;
font-weight:bold;
color:#4a4a4a;
text-align:center;
text-decoration:none;
border:1px solid #ffffff;
background-color:#bfbfbf;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

</tr></td>
</table>