1. Wprowadzenie do HTML
  2. Szybki start
  3. Podstawowy dokument HTML
  4. Paragraf
  5. Formatowanie tekstu
  6. Komentarze
  7. Kolory
  8. Atrybuty
  9. Lista
  10. Linki
  11. Obrazy
  12. Tabele
  13. Symbole
  14. Cytaty
  15. Elementy Blokowe
  16. Elementy Liniowe
  17. Klasy oraz Id
  18. Układ strony
  19. Responsywność
  20. Podsumowanie

Elementy liniowe

Elementy liniowe to elementy, które mają domyślnie ustawioną szerokość na długość zawartości i nie powodują przejścia do nowej linii. Oznacza to, że element liniowy zajmuje tylko tyle miejsca, ile potrzebuje do wyświetlenia swojej zawartości.

W HTML istnieją następujące elementy liniowe:

  • <a> - tworzy łącze do innej strony lub do innego miejsca na obecnej stronie.
  • <abbr> - definiuje skrót.
  • <br> - wstawia pojedynczą przerwę w linii.
  • <button> - tworzy przycisk, który można kliknąć.
  • <cite> - definiuje cytowaną pracę.
  • <code> - definiuje kod komputerowy lub fragment kodu.
  • <em> - wyróżnia tekst (np. pochylając go).
  • <img> - wstawia obrazek.
  • <input> - tworzy pole do wprowadzania tekstu lub przycisk.
  • <label> - definiuje etykietę dla elementu formularza.
  • <q> - definiuje krótki cytat.
  • <span> - definiuje fragment tekstu, który można stylować za pomocą CSS.
  • <strong> - wyróżnia ważny tekst.
  • <sub> - tworzy indeks dolny.
  • <sup> - tworzy indeks górny.
  • <textarea> - tworzy pole do wprowadzania wielowierszowego tekstu.
  • <var> - definiuje zmienną lub argument matematyczny.

Użycie elementu <input> do tworzenia formularza

										
<form>
    <label for="name">Imię:</label>
    <input type="text" id="name" name="name">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
    <input type="submit" value="Wyślij">
</form>
										
								
Wyjaśnienie

W powyższym przykładzie elementy <label> i <input> są użyte do tworzenia prostego formularza, w którym użytkownik może wprowadzić swoje imię i adres e-mail. Elementy <label> są używane do opisania pól formularza, a elementy <input> są używane do pobierania danych od użytkownika.

Notatka

Podobnie jak elementy blokowe, elementy liniowe mogą być używane w różnych kombinacjach do tworzenia różnych elementów interfejsu użytkownika i treści na stronie internetowej.