Elementene i HTML kan kategoriseres i to bredere kategorier, inline og blokkere elementer. Blokkelementene bryter strømmen av innhold og starter en ny linje, mens inline -elementene holder innholdet innenfor linjen og bare okkuperer en bestemt mengde plass. Blokkelementene tar like mye plass som bredden på overordnede element og deres linjebryting strekker siden også vertikalt.

Siden HTML støtter en lang liste over elementer kan det være vanskelig for en ny HTML -programmerer å differensiere dem. Når vi viser viktigheten, kommer denne guiden med følgende læringsutbytte:

• opplyser forskjellene mellom blokk- og inline -elementer
• demonstrere flere blokk- og inline -elementer

Hva er forskjellene mellom blokk- og inline -elementer

Følgende er de differensierende punktene som vil tydeliggjøre begrepet blokkering og inline elementer i HTML.

• Blokkelementene gir plass ved å bryte linjen før og etter å ha brukt den. Mens inline -elementene praktiseres innenfor den spesifikke linjen og ikke bruker ekstra plass.
• Inline -elementene støtter bare venstre og høyre polstring, mens blokkeringselementene støtter polstring i både vertikale og horisontale retninger
• Inline -elementer støtter små filer når de lager små strukturer. Mens blokkelementene støtter store filer når de lager store strukturer.
• Når et inline -element kalles, fungerer det bare for de filene som krever at inline element. På den annen side inneholder blokkelementene forskjellige blokk- og inline -elementer. Når foreldreblokkelementet kalles, vil alle blokk- og inline -elementene tilknyttet det bli brukt.

Hvordan fungerer blokkering og inline elementer i HTML

Denne delen gir funksjonaliteten til flere blokk- og inline -elementer.

Blokkelementer: Vi har gitt anvendeligheten av få blokkelementer i HTML som viser den praktiske oppførselen til blokkelementene.

Ved hjelp av

: Paragraf -taggen i HTML representerer tekstlinjene og faller i Block Element -kategorien til HTML.

Dette er et avsnitt

Utgangen fra HTML -koden på en webside er gitt nedenfor:+

Selv om teksten til avsnittet er begrenset til noen få ord, har imidlertid avsnitts taggen tatt fullstendig bredde (fra siden).

Ved hjelp av : La oss øve på den viktigste og ofte brukte taggen ved hjelp av følgende HTML -kode.

Dette er en div

Nettgrensesnittet til ovennevnte taggen er vist nedenfor:

I likhet med avsnittsblokkelementet har DIV -taggen også okkupert hele bredden på siden.

Ved hjelp av

innsiden : Som nevnt og representert tidligere, okkuperer blokkelementene hele bredden på siden (overordnede tag). Du kan begrense bredden på overordnede taggen, og barnetikettene vil da okkupere plassen som er definert i overordnede taggen. For eksempel praktiserer følgende HTML -kode

Tag inn stikkord.

Dette er en pargaraf

Ovennevnte kode erklærer en tagg som okkuperer 50% av bredden på siden. EN

Tag brukes inne i taggen, og avsnittet tar 50% av plassen til overordnede taggen ().

Bortsett fra og

, Flere andre blokkelementer er beskrevet nedenfor:
: Brukes til å representere kontaktinformasjonen
: Artikkelinnhold kan beskrives ved hjelp av denne taggen

---

: brukes til å skille innholdet med horisontale linjer
: Bildetekst til figur er tildelt ved hjelp av denne taggen.

til

: Disse taggene definerer overskriften på forskjellige størrelser fra

til

: Brukes til å starte en ny seksjon
: bunntekst på en side eller seksjon kan tilordnes
: kan brukes til å sette inn en tabell i HTML Doc.

: brukes til å angi en bestilt liste

: brukes til å ordne varene på uordnet måte