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.