Atrybuty HTML — co to jest i do czego je stosować?

minuta czytania

Tomasz Kozon

4 maj 2022

Atrybuty HTML są to dodatkowe informacje, które określają właściwości elementów strony internetowej. Służą one do określenia zachowania, czy działania elementów na stronie

Spis treści

Znaczniki i atrybuty HTML

Najczęściej wykorzystywane atrybuty HTML

HTML

HTML to podstawowy język kodowania, który buduję każdą witrynę i aplikację webową. Nie jest on typowym językiem programowania, ponieważ nie obsługuje zdarzeń, nie manipuluje danymi, nie wykonuje instrukcji warunkowych czy nie można w nim pisać funkcji. Jego główną i niezwykle ważną rolą jest opisywanie struktury strony – wykorzystując odpowiednie znaczniki i atrybuty HTML nadaje poszczególnym elementom kodu znaczenie semantyczne.

 

Znaczniki i atrybuty HTML

HTML (HyperText Markup Language) to hipertekstowy język znaczników (tagów), który umożliwia zbudowanie struktury strony i jej zawartości oraz przełączanie się między poszczególnymi podstronami witryny. To za jego pomocą oznacza się sekcję <head> odpowiedzialną za najważniejsze informacje istotne dla przeglądarki internatowej oraz sekcję <body>, która zawiera wszystko to, co widzi użytkownik. Za sprawą HTML można zdecydować jaki element na stronie będzie nagłówkiem (h1-h6), paragrafem (p), linkiem (a), zdjęciem (img), listą (li) czy tabelą (table), a każdy z tych elementów może posiadać atrybuty HTML, które przechowają o nich dodatkowe informacje i najczęściej posiadają swoją nazwę i wartość np.:  <p nazwa="wartość">Atrybuty HTML</p>. Warto przy tym pamiętać, że HTML nie odpowiada za wygląd strony, za który odpowiedzialny jest CSS (ang. Cascading Style Sheets), czyli kaskadowe arkusze stylów. 

Kodowanie strony

Najczęściej wykorzystywane atrybuty HTML

  • alt – alternatywny tekst dla obrazka;
  • href – adres WWW dla hiperłącza;
  • id – unikalny identyfikator elementu;
  • class – klasa elementu;
  • src – adres obrazu lub innego pliku;
  • style – wbudowany CSS dla elementu;
  • title – dodatkowa informacja o elemencie;
  • autofocus – określa aktywacją wybranego elementu po załadowaniu strony;
  • autoplay – pozwala na automatyczny start audio/wideo po załadowaniu strony;
  • download – wskazuje, że po kliknięciu w link element zostanie pobrany;
  • form – łączy wskazany formularz z elementem;
  • height – określa wysokość elementu;
  • multiple – określa, czy użytkownik może wprowadzić więcej niż jedną wartość;
  • rel – określa relację pomiędzy dwoma dokumentami HTML;
  • required – określa, czy pole formularza jest wymagane;
  • target – określa cel otwierania linku lub przesyłania formularza;
  • width – określa szerokość elementu.

Powiązane artykuły

Ciąg Fibonacciego — wyjaśnienie pojęcia i przykłady zastosowania.

11 paź 2022

Ciąg Fibonacciego to ciąg liczb naturalnych, który zaczyna się od 0 i 1, a każda kolejna liczba jest sumą dwóch poprzednich. Ciąg ten został opisany przez włoskiego matematyka Leonardo Fibonacciego w XII wieku.

Tomasz Kozon

#back-end

related-article-image-Ciąg Fibonacciego

SXO — połączenie UX i SEO

24 mar 2022

Coraz częściej mówi się o konieczności połączenia działań z zakresu user experience (UX) i SEO. SXO, czyli Search Experience Optimization, to pojęcie, które odnosi się do łączenia tych dwóch dziedzin w celu uzyskania jak najlepszych wyników w organicznych wynikach wyszukiwania.

Tomasz Kozon

#web-design

Body leasing w IT. Czy warto wynajmować programistów na godziny?

23 mar 2022

Body leasing w IT to coraz popularniejszy sposób na pozyskanie specjalistów z branży informatycznej. W ramach tego rozwiązania, przedsiębiorstwa wynajmują programistów na określony czas, co pozwala im na elastyczność w zakresie zatrudnienia specjalistów i dostosowanie ich do potrzeb projektu.

Tomasz Kozon

#hr

Scrum Master - kim jest i czym się zajmuje?

22 mar 2022

Scrum Master to specjalista odpowiedzialny za koordynację projektu oraz zarządzanie zespołem pracującym w metodologii Scrum. Jest to osoba, która odpowiada za prawidłowe wdrożenie i przestrzeganie zasad Scrum oraz zapewnienie, że zespół jest zmotywowany, zaangażowany i skoncentrowany na realizacji celów projektu.

Tomasz Kozon

#product-management

Skąd uczyć się programowania? Studia informatyczne, Boot Campy czy platformy e-learningowe?

21 mar 2022

Programowanie jest jednym z najważniejszych i najszybciej rozwijających się zawodów w dzisiejszym świecie. Aby rozpocząć pracę jako programista, konieczne jest posiadanie odpowiedniej wiedzy i umiejętności. Pytanie, które pojawia się przed każdą osobą, która chce rozpocząć naukę programowania, brzmi: skąd uczyć się programowania?

Tomasz Kozon

#hr

Google Workspace, Microsoft Teams, Slack - narzędzia do pracy zespołowej.

20 mar 2022

W dzisiejszych czasach praca zespołowa jest nieodłącznym elementem pracy w wielu organizacjach. Aby ułatwić komunikację i koordynację działań, coraz częściej wykorzystywane są specjalne narzędzia do pracy zespołowej, takie jak Google Workspace, Microsoft Teams czy Slack.

Tomasz Kozon

#project-manager

Życie w stylu cyber nomad. Czy można efektywnie pracować, zwiedzając świat?

19 mar 2022

Styl życia cyber nomadów to coraz częściej spotykany trend, polegający na łączeniu pracy z podróżowaniem. Dzięki rozwojowi technologii oraz coraz większej dostępności internetu, coraz więcej osób decyduje się na taki sposób życia. Wielu ludzi marzy o tym, by pracować z dowolnego miejsca na świecie, a jednocześnie cieszyć się pięknymi krajobrazami i poznawać nowe kultury.

Tomasz Kozon

#marketing

Zobacz wszystkie artykuły