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>
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.
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.