▼トップに戻る

●HTMLタグメニュー3

▼メニュー3-1

メニュー3-1

メニュー１

メニュー2

メニュー3

メニュー4

メニュー5

↓<body>?</body>に↓

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

<div style="font-weight:bold;color:#ffffff;padding:5px;">
メニュー3-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:3px double #004a95;
background-color:#ffffff;
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:3px double #004a95;
background-color:#ffffff;
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:#004a95;
text-align:center;
text-decoration:none;
border:3px double #004a95;
background-color:#ffffff;
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:#004a95;
text-align:center;
text-decoration:none;
border:3px double #004a95;
background-color:#ffffff;
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:#004a95;
text-align:center;
text-decoration:none;
border:3px double #004a95;
background-color:#ffffff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

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

▼メニュー3-2

メニュー3-2

メニュー１

メニュー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;">
メニュー3-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:3px double #006a00;
background-color:#ffffff;
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:#006a00;
text-align:center;
text-decoration:none;
border:3px double #006a00;
background-color:#ffffff;
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:3px double #006a00;
background-color:#ffffff;
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:3px double #006a00;
background-color:#ffffff;
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:3px double #006a00;
background-color:#ffffff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

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

▼メニュー3-3

メニュー3-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:3px double #6a6a00;
background-color:#ffffff;
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:#6a6a00;
text-align:center;
text-decoration:none;
border:3px double #6a6a00;
background-color:#ffffff;
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:#6a6a00;
text-align:center;
text-decoration:none;
border:3px double #6a6a00;
background-color:#ffffff;
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:#6a6a00;
text-align:center;
text-decoration:none;
border:3px double #6a6a00;
background-color:#ffffff;
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:#6a6a00;
text-align:center;
text-decoration:none;
border:3px double #6a6a00;
background-color:#ffffff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

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

▼メニュー3-4

メニュー3-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;">
メニュー3-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:3px double #950000;
background-color:#ffffff;
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:#950000;
text-align:center;
text-decoration:none;
border:3px double #950000;
background-color:#ffffff;
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:#950000;
text-align:center;
text-decoration:none;
border:3px double #950000;
background-color:#ffffff;
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:#950000;
text-align:center;
text-decoration:none;
border:3px double #950000;
background-color:#ffffff;
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:#950000;
text-align:center;
text-decoration:none;
border:3px double #950000;
background-color:#ffffff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

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

▼メニュー3-5

メニュー3-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;">
メニュー3-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:3px double #4a4a4a;
background-color:#ffffff;
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:3px double #4a4a4a;
background-color:#ffffff;
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:3px double #4a4a4a;
background-color:#ffffff;
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:3px double #4a4a4a;
background-color:#ffffff;
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:3px double #4a4a4a;
background-color:#ffffff;
padding:15px;
width:90%;
display:block;
margin:0px 0px 10px 0px;">メニュー5</a>

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