السلام عليكم
أنا استخدم notepad لأول مرة ولدي سؤال اذا ممكن
لديكم الصورة المرفقة بالموضوع
اريد ان اكتب كود بحيث ان المستخدم اذا ضغط على اي مكان من الاماكن الاربعة تظهر له صورتها باليمين فمثلاً عندما يضغط Booltoon abbeeyy
تظهر صورتها مع عبارة صغيرة اسفل الصورة
وعندما يضغط على المدينة الثانية تختفي الصورة الاولى وتظهر له صورة المدينة الثانية مع عبارة ايضاً
وهذا هو الكود html الذي استخدمته
<DIV id=cdiv style="BACKGROUND-COLOR: ffffc0"> <marquee direction="right" width="900" height="40" style="TAHOMA: 100%; font-size: 14pt; color: red; scrolldelay="300" scrollamount="3"> <body style="font-weight: bold; list-style-type: disc; border: 8px outset #c00000; "> Welcome </marquee> <head> <title><UK</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <boady> <div id="nav"><img src="images/uk.jpg" width="225" height="400"> <ul> <FONT FACE="Arial" SIZE="3"><FONT COLOR="#0060c0"> <li><a href= <div id="images/uk.jpg"> <h1>Bolton abbey</h1></a></li> <FONT FACE="Arial" SIZE="3"><FONT COLOR="#6020a0"> <li><a href= <div id="main"> <h1>Hearwood house</h1></a></li> <FONT FACE="Arial" SIZE="3"><FONT COLOR="#802020"> <li><a href= <div id="main"> <h1>Scarbrough</h1></a></li> <FONT FACE="Arial" SIZE="3"><FONT COLOR="#c00080"> <li><a href= <div id="main"> <h1>Tropical world</h1> </a></li>
وجزاكم الله خيراً