<!DOCTYPE html>
<html>
<head>
<script>
function writeText(txt) {
document.getElementById("desc").innerHTML = txt;
}
</script>
</head>
<body>
<img src ="../images/planets.gif" width ="145" height ="126" alt="Планети" usemap="#planetmap" />
<map name="planetmap">
<area shape ="rect" coords ="0,0,82,126"
onmouseover="writeText('Сонце та такі газові гіганти, як Юпітер, є найбільшими об’єктами нашої Сонячної системи.')"
href ="../js/sun.html" target ="_blank" alt="Сонце" />
<area shape ="circle" coords ="90,58,3"
onmouseover="writeText('Планету Меркурій дуже важко досліджувати із Землі, оскільки вона завжди знаходиться дуже близько до Сонця.')"
href ="../js/mercur.html" target ="_blank" alt="Меркурій" />
<area shape ="circle" coords ="124,58,8"
onmouseover="writeText('До 1960-х років Венеру часто вважали сестрою-близнючкою Землі, оскільки Венера є найближчою до нас планетою, і оскільки дві планети, здається, мають багато спільних характеристик.')"
href ="../js/venus.html" target ="_blank" alt="Венера" />
</map>
<p id="desc">Наведіть курсор миші на Сонце та планети та перегляньте їхні описи.</p>
</body>
</html>