مثال های HTML

سلام و درود
بله حق با شماست.

سلام، بله در این صفحه سعی کردیم کلیه مثال هایی که از ابتدا تا اینجا کار کردیم را یکجا در اختیار شما قرار دهیم. به این ترتیب با مرور مثال ها می توانید مفاهیم را در ذهن خود نهادینه کنید.

برای اطلاع دوستان، ویژگی coords در تگ area استفاده می شود و مختصات یک ناحیه را در image-map مشخص می کند. برای کسب اطلاعات بیشتر در مورد تگ تگ area به لینک زیر مرجعه کنید:
www.beyamooz.com/tags/312-html-tag/1929
و اما جواب شما دوست عزیز
همان طور که می دانید این خصوصیت باید همراه خصوصیت shape استفاده شود. حالا با توجه به مقادیری که برای shape تنظیم می کنیم، می توان coords را تنظیم کرد:
rect: اگر shape را مستطیل در نظر بگیریم، coords باید با چهار عدد تنظیم شود. دو عدد اول مختصات نقطه اول را مشخص می کند که بترتیب فاصله از چپ و بالا است و دو عدد دوم مختصات نقطه دوم را مشخص می کند. به این ترتیب با داشتن مختصات دو نقطه، ناحیه ی مستطیل شکل ایجاد می شود.
circle: اگر shape را دایره در نظر بگیریم، coords باید با سه عدد تنظیم شود. دو عدد اول مختصات مرکز دایره را مشخص می کند که بترتیب فاصله از چپ و بالاست و عدد سوم شعاع دایره را مشخص می کند.
poly: اگر shape را یک چند ضعلی در نظر بگیریم، به این ترتیب در خصوصیت coords باید مختصات تمام گوشه ها را ذکر کنیم. اگر مختصات نقطه اول و آخر یکی نباشد، مرورگر بطور پیش فرض نقطه اول و آخر را تطابق می دهد.
توجه: مختصات گوشه بالا و سمت چپ 0,0 است.