iprogramista.pl
  • HTML 5
  • CSS 3
  • Javascript
  • SQL
  • Kolory
    • Kolory HTML - konwerter
    • Kolory HTML - odcienie
  • Narzędzia
    • Edytor HTML
    • Licznik znaków
    • Sprawdź IP
    • Lorem Ipsum generator
    • Enkoder Base64
    • Dekoder Base64
    • Guid generator
    • Kalkulator dni
    • Ile do wakacji
  • Plug-ins
    • Przelewy 24 SDK (C#)
    • BS5 Intro Tour
  • Wprowadzenie do HTML
  • Edytory HTML
  • Podstawowe tagi HTML
  • Elementy HTML
  • Atrybuty HTML
  • Nagłówki HTML
  • HTML Head
  • Paragrafy HTML
  • Formatowanie HTML
  • Style liniowe
  • Definiowanie kolorów
  • Co to jest CSS?
  • Jak stworzyć link?
  • Tabele HTML
  • Listy HTML
  • Block i Inline
  • Class / klasa atrybut
  • Atrybut id

Tabele HTML kurs HTML 5

Poprzednia Następna

W tej lekcji dowiesz się, jak tworzyć tabele w języku HTML.

Tabele HTML - tagi

Do stworzenia prostej tabeli w języku HTML, będziesz potrzebował kilku tagów. Tagi, o których mowa to:

  • table - definiuje tabele
  • tr - definiuje wiersz
  • th  - definiuje komórkę, która jest nagłówkiem
  • td - definiuje zwykłą komórkę

Dodatkowo w języku HTML 5, można wykorzystać dodatkowe tagi, które mają za zadanie wskazać, nagłówek, stopkę i zawartość tabeli. Do tego celu wykorzystuje się tagi:

  • thead - nagłówek 
  • tbody - zawartość tabeli
  • tfoot - stopka tabeli

Podstawowa tabela

Aby stworzyć podstawową tabelę w języku HTML, należy skorzystać z tagów table, tr oraz td. Dodatkowo w naszym przykładzie, nagłówek został stworzony, poprzez użycie tagu th

Tabela wykorzystująca tagi <thead> <tbody> i <tfoot>

Poniżej znajduje się przykład, który pokazuje jak stworzyć tabelę w HTML 5, która wykorzystuje tagi thead, tbody oraz tfoot. Co prawda te dodatkowe tagi nie są konieczne, ale mogą Ci się one przydać, jeżeli chcesz odróżnić stylistycznie nagłówek i stopkę.

Poprzednia Następna

Kursy programistyczne

Oferujemy darmowe kursy programowania od podstaw.


Lista kursów

HTML 5

CSS 3

Javascript

SQL


Kontakt

info@iprogramista.pl


©2019-©2025 Copyright: iprogramista.pl