Стандартное меню "Пуск" Windows
<html> <body> <table cellpadding='0' cellspacing='0'> <tr> <td colspan="2"><img src="top.png"></td></tr> <tr> <td> <table cellpadding='0' cellspacing='0'> <tr> <td><a href=""><img src="left-1.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-2.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-3.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-4.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-5.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-6.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-7.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-8.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="left-9.png" border="0" ></a></td> </tr> </table> </td> <td> <table cellpadding='0' cellspacing='0'> <tr> <td><a href=""><img src="right-1.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-2.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-3.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-4.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-5.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-6.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-7.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-8.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-9.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-10.png" border="0" ></a></td> </tr> <tr> <td><a href=""><img src="right-11.png" border="0" ></a></td> </tr> </table> </td> </tr> <tr> <td colspan="2"> <table cellpadding='0' cellspacing='0'> <tr> <td><img src="bottom-1.png"></td> <td><a href=""><img src="bottom-2.png" border="0" ></a></td> <td><a href=""><img src="bottom-3.png" border="0" ></a></td> </tr> </table> </td> </tr> </table> </body> </html>
Пример выполнения данного HTML-кода
На примере меню Пуск" Windows XP представлен способ организации сложных несимметричных графических меню с использованием вложенных таблиц. В данном случае используется внешняя таблица для разделения изображения на верхнюю, нижнюю, левую и правую области, и три вложенных таблицы для реализации левого, правого и нижнего графического меню.
| <img> | Определяет изображение |
| <map> | Определяет карту ссылок |
| <area> | Определяет активную область внутри карты ссылок |
Пример выполнения данного HTML-кода
На примере меню Пуск" Windows XP представлен способ организации сложных несимметричных графических меню с использованием вложенных таблиц. В данном случае используется внешняя таблица для разделения изображения на верхнюю, нижнюю, левую и правую области, и три вложенных таблицы для реализации левого, правого и нижнего графического меню.
| <img> | Определяет изображение |
| <map> | Определяет карту ссылок |
| <area> | Определяет активную область внутри карты ссылок |
| © 2003-2007 INTUIT.ru. Все права защищены. |