Verschil Tussen Blok- En Inline-elementen

2024 Auteur: Mildred Bawerman | [email protected]. Laatst gewijzigd: 2023-12-16 08:40

Belangrijkste verschil - Blok versus inline-elementen

HTML staat voor Hyper Text Markup Language. Het wordt gebruikt om webpagina's te maken. Elke webpagina is door middel van hyperlinks met andere webpagina's verbonden. Deze taal bestaat uit tags. Een tag is ingesloten tussen punthaken. De syntaxis is vergelijkbaar met. De meeste tags hebben ook een afsluitende tag. Wanneer is een tag, de afsluitende tag is. Sommige tags hebben geen afsluitende tag. Voorbeelden van zo'n tag zijn

en

. Ze staan bekend als ongeldige tags. Een HTML-element is een onderdeel van het HTML-document of de webpagina nadat het is geparseerd in Document Object Model (DOM). DOM is een interne weergave binnen de webbrowser. Het vertegenwoordigt elk document in een boomstructuur. In de browser kunnen de weer te geven elementen een blokelement of een inline-element zijn. Blokelementen hebben een rechthoekige structuur. De inline-elementen kunnen worden ingebed in blokelementen. Het belangrijkste verschil tussen block en het inline-element is dat de block-elementen de volledige beschikbare breedte innemen, terwijl de inline-elementen de vereiste breedte hebben om de inhoud van de elementen weer te geven.

INHOUD

1. Overzicht en belangrijkste verschil

2. Wat zijn blokelementen

3. Wat zijn inline-elementen

4. Overeenkomsten tussen blok- en inline-elementen

5. Vergelijking zij aan zij - Blok versus inline-elementen in tabelvorm

6. Samenvatting

Wat zijn blokelementen?

Blokelementen nemen de beschikbare volledige breedte over. Die elementen beginnen altijd met een nieuwe regel. Enkele voorbeelden van blokelementen zijn als volgt.

wordt gebruikt om een alinea te definiëren. bijv

Dit is een alinea

. Er zijn zes tags om headers te definiëren. Zij zijn

,

,

…

. De programmeur kan de header dienovereenkomstig gebruiken.

De geordende lijst wordt gedefinieerd door

terwijl de ongeordende lijst wordt gedefinieerd door

. De wordt gebruikt om een horizontale lijn over de webpagina weer te geven. De wordt gebruikt om gegevens in tabelformaat te ordenen. Voor elke website is het nodig om gegevens van de sitebezoekers te verzamelen. HTML-formulieren worden gebruikt om gegevens van de gebruiker op te halen. Het is ook een blokniveau-element. Dat zijn enkele voorbeelden van blokelementen in HTML.

Wat zijn inline-elementen?

Inline-elementen nemen alleen de vereiste breedte aan. Die elementen beginnen niet met een nieuwe regel. Enkele voorbeelden van inline-elementen zijn als volgt. wordt gebruikt om links van de ene pagina naar de andere te maken. Hyperlinks zijn een van de essentiële elementen in HTML. Het kan het href-attribuut bevatten om een link naar de bestemming te creëren. bijv. Bezoek Google. Het doelkenmerk is leeg. Daarom wordt het nieuwe document geopend in een nieuw venster. Als het doelattribuut "_self" is, wordt het gekoppelde document in hetzelfde venster geopend.

Figuur 01: voorbeelden van blok- en inline-elementen

De wordt gebruikt om een tekstgedeelte vet te maken. De tag is bedoeld om de tekst cursief te maken. Een webpagina moet presentabel zijn. Daarom bestaat elke webpagina uit meerdere afbeeldingen. D

wordt gebruikt om een afbeelding op de pagina weer te geven. Deze tag vereist twee attributen. Ze zijn src en alt. De 'src' beschrijft de locatie van de afbeelding en de 'alt' beschrijft waar de afbeelding over gaat. bijv. Dit zijn enkele voorbeelden van inline-elementen.

Wat is de overeenkomst tussen blok- en inline-elementen?

• Blok- en inline-elementen worden gebruikt als containers in HTML.

Wat is het verschil tussen blok- en inline-elementen?

Diff Artikel Midden voor Tafel

Blok versus inline-elementen
De blokelementen zijn de elementen die de volledige breedte van het bovenliggende element beslaan en zullen niet toestaan dat een ander element dezelfde horizontale ruimte inneemt als waarop het is geplaatst.	De inline-elementen zijn de elementen die niet direct in het body-element kunnen worden geplaatst en die in blokelementen zijn genest.
Nieuwe lijn
Blokelementen beginnen met een nieuwe regel.	Inline-elementen beginnen niet met een nieuwe regel.
Vereiste ruimte
De blokelementen nemen alle breedte in beslag.	De inline-elementen nemen alleen de vereiste breedte aan.

Samenvatting - Blok versus inline-elementen

HTML staat voor Hyper Text Markup-taal. Het is een taal die uit tags bestaat. Elke tag heeft een specifieke taak en bepaalt hoe de webpagina moet worden gestructureerd. Sommige tags hebben de start-tag en de eindtag. Sommige tags hebben geen eindtag. Ze worden ongeldige tags genoemd. Parsing is het proces van syntaxisanalyse. Na het ontleden worden deze tags elementen. Elementen kunnen elementen op blokniveau of inline-elementen zijn. Het verschil tussen blok- en inline-elementen is dat de blokelementen de volledige beschikbare breedte innemen, terwijl de inline-elementen de vereiste breedte nemen om de inhoud van de elementen weer te geven.

Download de pdf-versie van Block vs Inline Elements

U kunt de pdf-versie van dit artikel downloaden en offline gebruiken volgens de citatienota. Download de pdf-versie hier: Verschil tussen blok- en inline-elementen