Atrybuty

1. Atrybuty

Tag otwierający może zawierać specjalne informacje użytkowe — atrybuty. Tag zamykający atrybutów nie może mieć. Ogólny wygląd atrybutów:

<tag name1="value1" name2="value2">  

Przykład tagu z atrybutami — link:

      
<a href="http://codegym.cc/about" target="_blank">
    Link do czegoś interesującego
</a>
      
    

Każdy atrybut jest określony jako para nazwa i wartość. Atrybutów może być ile tylko chcesz.

Uważny programista od razu zapyta: co zrobić, jeśli jako wartość atrybutu trzeba użyć tekstu zawierającego symbole «<», «>» lub cudzysłowy?

Wewnątrz dokumentu HTML nie można ich używać. Dla nich istnieje specjalna notacja:

Taka zamiana nazywa się ekranowaniem symboli. Więcej o tym pogadamy później.

2. Obrazki

Tag <img> służy do wstawiania obrazków na stronę internetową. Jest to tag pojedynczy, to znaczy nie ma tagu zamykającego. Ważne atrybuty:

• src — wskazuje ścieżkę do obrazka.
• alt — opisuje obrazek, co jest przydatne dla wyszukiwarek i w przypadku, gdy obrazek nie może być załadowany.

Przykład:

      
<img src="image.jpg" alt="Opis obrazka">
      
    

3. Linki

Tag <a> służy do tworzenia hyperlinków. Główny atrybut tego tagu:

• href — wskazuje URL (adres) strony lub zasobu, do którego prowadzi link.
• target — określa, gdzie ma się otworzyć link (na przykład _blank dla nowej karty).

      
<a href="https://www.example.com">Przejdź do Example.com</a>