Jest różnica między wstawianiem obrazu na Strona internetowa i uczynienie tego obrazu linkiem, który można kliknąć. Chociaż HTML jest podobny, link opiera się na Kotwica element, podczas gdy obraz używa obrazek element. Obraz może jednak zagnieździć się w kotwicy, dzięki czemu można go kliknąć jako link.
Wstawianie obrazów do elementów zakotwiczonych
Częstym zastosowaniem łącza opartego na obrazie jest grafika logo witryny, która jest następnie odsyłana z powrotem do strony głównej witryny.
Oto jak umieścić nieklikalny obraz w dokumencie HTML:
Aby przekształcić obraz w link, dodaj link kotwicy, otwierając element kotwicy przed obrazem i zamykając kotwicę za obrazem. Ta technika jest podobna do łączenia tekstu, z tą różnicą, że zamiast zawijać słowa, zawijasz obraz:
Dodając ten typ kodu HTML do swojej strony, nie umieszczaj spacji między tagiem kotwicy a tagiem obrazu. Jeśli to zrobisz, niektóre przeglądarki dodadzą małe znaczniki obok obrazu, co będzie wyglądać dziwnie.
Logo działa teraz również jako przycisk strony głównej, co w dzisiejszych czasach jest prawie standardem internetowym.
Zauważ, że w naszych znacznikach HTML nie uwzględniamy żadnych stylów wizualnych, takich jak szerokość i wysokość obrazu. Pozostawimy te style wizualne CSS i zachowamy czyste oddzielenie struktury HTML od stylów CSS.