Lista elementów HTML5, HTML4.01 i XHTML 1.0

Poniższa tabela zawiera listę wszystkich elementów HTML 4.01, XHTML 1.0 oraz HTML5.

Elementy HTML 4.01, XHTML 1.0 oraz HTML5.
ElementOpisHTML 4.01/XHTML 1.0HTML 5
StrictTransitionalFrameset
<!--...-->Komentarz
<!DOCTYPE>Określa typ dokumentu. Typ dokumentu HTML5 to: <!DOCTYPE html>
aDo tworzenia łączy hipertekstowych
abbrDo oznaczania skrótowców
acronymAkronim
addressInformacje kontaktowe autora dokumentu
appletAplet
areaObszar mapy odsyłaczy
articleSamodzielny fragment treści strony
asideTreść poboczna
audioTreść dźwiękowa
bPogrubiony tekst
baseBazowy adres URL wszystkich odnośników na stronie
basefontDomyślne właściwości tekstu dla całej strony internetowej
bdiTekst, który może być frormatowany w innym kierunku niż otaczająca go treść
bdoOkreśla kierunek tekstu
bigPowiększony tekst
blockquoteDługi cytat blokowy
bodyTreść główna dokumentu
brZłamanie wiersza
buttonPrzycisk
canvasGrafika rysowana na stronie za pomocą skryptów
captionPodpis tabeli
centerWypośrodkowanie tekstu
citeŹródło, np. tytuł książki, filmu itp.
codeFragment kodu komputerowego
colKolumna w grupie kolumn tabeli
colgroupGrupuje kolumny
dataDane w formacie zrozumiałym dla komputera
datalistLista elementów funkcji automatycznego uzupełniania pól formularzy
dialogOkno dialogowe
ddDefinicja
delUsunięty tekst
detailsSzczegółowe informacje dotyczące elementu
dfnDefiniowane pojęcie
dirLista katalogów
div Ogólny blokowy kontener treści strony internetowej
dlLista definicji
dtPojęcie definiowane w liście definicji
emEmfaza
embedZewnętrzna aplikacja lub treść interaktywna
fieldsetGrupa powiązanych ze sobą elementów formularza
figcaptionPodpis elementu figure
figureIlustracje, schematy, zdjęcia, listingi kodu itp. z podpisem
fontWłasności pisma
footerStopka całego dokumentu lub jego sekcji
formFormularz internetowy
frameRamka w zbiorze ramek
framesetZbiór ramek
h1Nagłówek pierwszego stopnia
h2Nagłówek drugiego stopnia
h3Nagłówek trzeciego stopnia
h4Nagłówek czwartego stopnia
h5Nagłówek piątego stopnia
h6Nagłówek szóstego stopnia
headNagłówek opisujący dokument HTML
headerNagłówek całej strony internetowej lub jej części
hgroupGrupowanie nagłówków h1h6
hrPozioma linia
htmlOkreśla dokument HTML
iTekst o innym wydźwięku lub charakterze
iframeRamka wewnętrzna
imgObraz graficzny
inputPole wejściowe formularza
insWstawiony tekst
kbdTekst do wpisania za pomocą klawiatury
labelEtykieta kontrolki formularza
legendTytuł elementu grupującego
liElement listy
linkŁącze do zewnętrznego zasobu
mainTreść główna dokumentu
mapMapa odsyłaczy
markWyróżniony tekst
menuLista poleceń
metaMetadane dokumentu
meterReprezentuje wartość skalarną ze znanego przedziału lub liczbę zmiennoprzecinkową, np. poziom użycia dysku
navSekcja nawigacyjna dokumentu
noframesTreść wyświetlana w przypadku braku obsługi ramek
noscriptTreść zastępcza dla skryptu
objectObiekt osadzony na stronie
olLista uporządkowana
optgroupLista opcji
optionOpcja listy opcji
outputWynik obliczeń
pAkapit
preTekst preformatowany
progressPostęp wykonywania czynności
qKrótki cytat
rubyAdnotacje ruby
rpDla przeglądarek nie obsługujących adnotacji ruby
rtTekst adnotacji ruby
sSkreślony tekst
sampPrzykładowy wynik działania programu
scriptSkrypt
sectionSekcja dokumentu
selectLista rozwijana
smallPomniejszony tekst
sourceŹródła elementów medialnych
spanOgólny śródliniowy kontener tekstu
strikePrzekreślony tekst
strongWażny tekst
styleArkusz stylów
subIndeks dolny
summaryPodpis elementu details
supIndeks górny
tableTabela
tbodyTreść główna tabeli
tdKomórka tabeli
templateTreść ukryta podczas wczytywania strony
textareaObszar tekstowy
tfootStopka tabeli
thKomórka nagłówka tabeli
theadNagłówek tabeli
timeData lub godzina
titleTutuł dokumentu HTML
trWiersz tabeli
trackNapisy do elementu multimedialnego
ttTeletekst
uFragment różniący się od otaczającej treści
ulLista nieuporządkowana
varZmienna
videoFilm wideo
wbrPotencjalne złamanie wiersza

Podobał Ci się ten artykuł?

Oceń go!

Średnia 5 / 5. Liczba głosów: 2

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz

3 × 2 =

Znaczniki HTML

Elementy HTML stanowią fundament każdej witryny, definiując jej strukturę i pozwalając przeglądarkom na poprawną interpretację zawartości. Znaczniki HTML to podstawowe komponenty kodu, które określają sposób wyświetlania treści na stronie. Podczas nauki tworzenia stron internetowych zrozumienie, czym są znaczniki HTML i jak je poprawnie implementować, jest pierwszym krokiem do zostania profesjonalnym web developerem.

Znaczniki HTML - fundamenty budowania stron internetowych

Co to jest znacznik HTML? To element kodu, który definiuje określoną funkcjonalność lub strukturę na stronie.

Znaczniki HTML występują w parach składających się z tagu otwierającego i zamykającego, choć istnieją również tagi samozamykające (np. img). Elementy HTML służą do definiowania różnych części dokumentu, od podstawowych bloków tekstu po skomplikowane formularze czy elementy multimedialne. Podczas nauki tworzenia stron internetowych poznasz różne kategorie znaczników HTML, w tym:

  • znaczniki strukturalne - definiujące podstawową strukturę dokumentu (np. alt, html, head, body);
  • znaczniki tekstowe - formatujące tekst (np. p; h1, strong );
  • znaczniki listy - tworzące listy uporządkowane i nieuporządkowane (np. ul, ol, li);
  • znaczniki hiperłączy - łączące strony i zasoby (np. a;);
  • znaczniki multimedialne - osadzające obrazy, dźwięki czy filmy (np. img, audio, video).

Aby opanować podstawy HTML oraz poznać podstawowe znaczniki HTML warto regularnie praktykować ich zastosowanie w różnych kontekstach.

Elementy HTML5 i ich znaczenie w nowoczesnym webdevelopmencie

Współczesna nauka tworzenia stron internetowych wymaga znajomości znaczników HTML5, które znacząco rozszerzyły możliwości poprzedniej wersji języka. Elementy wprowadzone w HTML5 kładą większy nacisk na semantykę, ułatwiając tworzenie stron dostępnych dla wszystkich użytkowników, w tym osób z niepełnosprawnościami.

Znaczniki HTML5 takie jak header, footer, nav, article, section czy aside pozwalają na precyzyjniejsze określenie struktury dokumentu. Elementy HTML związane z multimediami (audio, video, canvas) eliminują potrzebę korzystania z zewnętrznych wtyczek, jak Flash.

Pamiętaj, że znajomość samych znaczników to dopiero początek. Równie ważne jest zrozumienie, jak używać atrybutów HTML, które modyfikują zachowanie i wygląd elementów. Pełną listę atrybutów HTML znajdziesz w naszym kompendium. Istotne jest również zwracanie uwagi na zgodność i kompatybilność znaczników HTML z różnymi przeglądarkami. Chociaż współczesne przeglądarki obsługują większość elementów HTML5, niektóre starsze wersje mogą wymagać dodatkowych rozwiązań.

Do efektywnej pracy ze znacznikami HTML warto wykorzystać odpowiednie narzędzia - sprawdź nasz poradnik: jaki edytor do HTML wybrać, aby zwiększyć swoją produktywność. Jeśli chcesz kompleksowo podejść do tematu, zachęcamy do skorzystania z naszego kursu - nauki tworzenia stron internetowych, który przeprowadzi Cię od podstaw aż po zaawansowane zagadnienia.