W języku HTML dla znacznika area z atrybutem shape="circle" atrybut coords określa
A. współrzędne kolejnych wierzchołków wielokąta.
B. współrzędne lewego górnego i prawego dolnego rogu obszaru.
C. współrzędne środka okręgu i jego promień.
D. szerokość i wysokość obszaru w pikselach.
Dla znacznika area ustawionego jako shape='circle' atrybut coords podaje trzy wartości: współrzędną x środka koła, współrzędną y środka koła oraz promień. Czyli zapis coords='120,80,35' oznacza obszar kołowy, którego środek znajduje się 120 pikseli od lewej krawędzi obrazka i 80 pikseli od jego górnej krawędzi, a promień wynosi 35 pikseli. To jest typowe przy mapach obrazkowych, gdzie obrazek img ma przypisaną mapę przez atrybut usemap, a poszczególne elementy area określają klikalne fragmenty grafiki. Moim zdaniem to dość praktyczna rzecz, bo pozwala zrobić np. klikalne punkty na mapie, schemacie urządzenia albo infografice. Warto pamiętać, że współrzędne są liczone względem lewego górnego rogu obrazu, a nie całej strony. Dobra praktyka to dokładne dopasowanie współrzędnych do realnego rozmiaru grafiki oraz dodanie sensownego atrybutu alt, żeby strona była bardziej dostępna. Przy responsywnych obrazach trzeba uważać, bo coords bazuje na pikselach oryginalnego układu i przy skalowaniu może wymagać dodatkowej obsługi.
W tym pytaniu łatwo pomylić różne warianty atrybutu coords, bo ten sam atrybut działa inaczej w zależności od wartości shape. Dla obszaru kołowego nie podaje się dwóch narożników prostokąta. Taki sposób opisu pasuje do shape='rect', gdzie zapisuje się współrzędne lewego górnego oraz prawego dolnego rogu, na przykład x₁,y₁,x₂,y₂. To jest logiczne dla prostokąta, ale okrąg nie jest definiowany przez rogi, tylko przez środek i promień. Podobnie współrzędne kolejnych wierzchołków dotyczą wielokąta, czyli shape='poly'. Tam trzeba podać pary punktów x,y, które tworzą obrys klikalnego obszaru. Czasem uczniowie kojarzą coords ogólnie jako „jakieś punkty na obrazku” i przez to wybierają wielokąt, ale w HTML znaczenie tych wartości zależy konkretnie od kształtu. Szerokość i wysokość w pikselach też nie są poprawnym opisem dla area. Atrybut coords nie określa wymiarów pudełka jak w CSS, tylko geometrię aktywnego obszaru mapy obrazkowej. Dla shape='circle' poprawny schemat to x,y,r, czyli pozycja środka oraz promień. Z mojego doświadczenia najlepiej zapamiętać to tak: rect ma dwa rogi, poly ma wiele punktów, a circle ma środek plus promień. Proste, ale w testach często miesza się przez podobne nazwy i liczby w atrybutach.