Blokowe i wewnętrzne elementy HTML

Można łączyć elementy HTML za pomocą <div> i <span>.

Elementy blokowe HTML

Większość elementów HTML jest zdefiniowana jako elementy blokowe lub wewnętrzne.

Redaktor przypisuje: „element blokowy” tłumaczy się jako block level element, „element wewnętrzny” tłumaczy się jako inline element.

Elementy blokowe w wyświetlaniu zazwyczaj zaczynają się od nowej linii (i kończą się nią).

Przykłady: <h1>, <p>, <ul>, <table>

Elementy wewnętrzne HTML

Elementy wewnętrzne w wyświetlaniu zazwyczaj nie zaczynają się od nowej linii.

Przykłady: <b>, <td>, <a>, <img>

Element <div> HTML

Element <div> HTML jest elementem blokowym, jest kontenerem, który można używać do grupowania innych elementów HTML.

Element <div> nie ma określonego znaczenia. Poza tym, jako element blokowy, przeglądarka wyświetla go z wcięciem przed i po nim.

Kiedy używany z CSS, element <div> może być używany do ustawiania stylów dla dużych bloków treści.

Innym częstym zastosowaniem elementu <div> jest układ dokumentu. Zastępuje on starą metodę definiowania układu za pomocą tabel. Użycie elementu <table> do układu dokumentu nie jest poprawnym użyciem elementu <table>. Element <table> jest używany do wyświetlania danych tablicowych.

Element <span> HTML

Element <span> HTML jest elementem wewnętrznym, używanym jako kontener tekstu.

Element <span> nie ma określonego znaczenia.

Kiedy używany z CSS, element <span> może być używany do ustawiania stylów dla części tekstu.

Grupujące tagi HTML

Tag Opis
<div> Definiuje sekcję lub rozdział w dokumencie (division/section).
<span> Definiuje span, używany do grupowania elementów wewnętrznych dokumentu.