Każdy element HTML ma wartość domyślną wyświetlacza w zależności od typu elementu jest. Domyślna wartość wyświetlacz dla większości elementów jest blok lub inline.
Elementy blokowe
Element blokowy zawsze zaczyna się od nowego wiersza i zajmuje całą dostępną szerokość (stretches out to the left and right as far as it can) .
Przykłady elementów blokowych:
- <div>
- <h1> - <h6>
- <p>
- <form>
inline Elements
Element inline nie rozpocznie się od nowego wiersza i tylko zajmuje tyle samo szerokości, jak to konieczne.
Jest to inline <span> Element wewnątrz akapitu.
Przykłady elementów wbudowanych:
- <span>
- <a>
- <img>
<div> Element
<div> elementem jest element blokowy, który jest często stosowany jako pojemnik dla innych elementów HTML.
<div> element nie posiada wymaganych cech, ale style i class są wspólne.
W połączeniu z CSS, <div> element może być stosowany do bloków typu treści:
Przykład
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> Spróbuj sam " <span> element
<span> element jest elementem rolki, który jest często używany jako pojemnik na tekst.
<span> element nie posiada wymaganych cech, ale style i class są wspólne.
W połączeniu z CSS, <span> element może być użyty do części styl tekstu:
Tagi HTML Grupowanie
| Etykietka | Opis |
|---|---|
| <div> | Określa się punkt w dokumencie (block-level) |
| <span> | Definiuje sekcję w dokumencie (inline) |