Atrybuty (attributes) w kontekście programowania i technologii webowych to dodatkowe informacje, które można przypisać elementom HTML, aby określić ich zachowanie lub wygląd. Atrybuty pozwalają na dostosowanie elementów oraz interakcję z nimi w kodzie JavaScript lub CSS.
<element atrybut1="wartość1" atrybut2="wartość2">Treść elementu</element>
| Parametr | Opis |
|---|---|
| type | Określa typ elementu, np. w formularzach (input type=”text”, input type=”checkbox”). |
| href | Definiuje adres URL, do którego prowadzi dany link (a href=”https://example.com”). |
| src | Określa źródło zewnętrznego pliku, np. obrazka (img src=”obrazek.jpg”). |
| alt | Zawiera tekst alternatywny dla obrazka, który wyświetla się, gdy obrazek nie może być załadowany (img src=”obrazek.jpg” alt=”Opis obrazka”). |
| class | Przypisuje klasę CSS do elementu, co pozwala na stylizację przez arkusze stylów (div class=”nazwa-klasy”). |
| id | Przypisuje unikalny identyfikator do elementu, co ułatwia jego selekcję w CSS lub JavaScript (div id=”unikalny-id”). |
<a href="https://example.com" target="_blank">Przejdź do Example</a>
W tym przykładzie tworzony jest link, który prowadzi do strony „example.com”. Atrybut href określa URL, do którego link prowadzi, a target="_blank" sprawia, że strona otworzy się w nowej karcie przeglądarki.
<img src="obrazek.jpg" alt="Opis obrazka" class="responsive">
W tym przypadku mamy do czynienia z elementem obrazka, gdzie atrybut src wskazuje na plik obrazu, a alt dostarcza tekst alternatywny, co jest ważne dla dostępności. Dodatkowo, atrybut class przypisuje klasę CSS, co umożliwia stylizację obrazka w arkuszu stylów.