HTML er det sprog, der bruges til at opbygge websider ved hjælp af forskellige blokke i det. Disse elementer er i formstyling opdelt i to forskellige typer som HTML-blokke niveauelementer og inlineelementer. Alle disse slags elementer er indkapslet i tagget med HTML-blokke. Elementer på blokniveau er struktureret til at designe hovedlayouten på din webside.
Hvis vi taler om strukturvisningen, skaber det en større strukturvisning end visningen af inline elementer. Hvert blokniveauelement starter med en ny linje, der optager skærmens fulde bredde. De skal skrives inden for åbning og lukning.
Gruppering af elementer er en vigtig metode til at opdele layout i form af sektioner eller underafsnit. Det er muligt at placere eventuelle blokelementer i et andet blokelement, såvel som vi er også i stand til at sætte inlineelementer i HTML Blocks-elementerne, men det er ikke muligt at placere blokniveauelementer i inlineelementerne snarere end elementtag.
Lad os se syntaks for forskellige HTML-blokniveauelementer er som følger:
1. div-element: Det fungerer som et blokelement, der tager skærmens fulde bredde og altid starter på en ny linje.
( ……Lines of code……)
2. tabel: tabel bruges til at vise data i et tabelformat inklusive tabeloverskrift, bordkroppe med tabelrække og en tabelkolonne.
3. Listeelementer : Ordnet liste & Uordnet liste.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Sætning af formelementer : Indsætning af formelementer for at oprette en HTML-form som følger.
Elementer af HTML-blokke
Der er forskellige elementer, der bruges som HTML-blokniveauelementer er som følger:
: Adressekode bruges til at specificere forfatterens kontaktoplysninger i HTML-artiklen.
: Artiklen bruges til at specificere det indhold, der er selvstændigt.
: Dette er slags elementer, der er placeret bortset fra hovedindholdet, som regel behandles de som en sidebjælke.
: Hver gang vi tager indhold fra en anden kilde, bruges blokquote.
: Lærred er element bruges i webdokumenter til at give grafisk plads.
: Det er det vigtigste element i hele webudvikling, der bruges til at opdele HTML-dokumenter i sektionerne eller opdelingen.
: Uanset hvilke grupperelaterede etiketter eller elementer der bruges i webformularer, der er bundet sammen i feltmaterialet.
: HTML-formularer defineres ved hjælp af dette blokniveauelement. Det er mest brugt i webudviklingsprocessen.
: Det bruges til at indikere sidefodssektionen på en webside.
-
: Dette er de overskrifter, der bruges i HTML-sprog, der definerer niveau 1 til 6.
: Dette element bruges til at indikere overskriftsafsnittet på websiden.
: Dette er det seneste element introduceret i HTML 5, der bruges til at indikere sektion af siden inklusive navigationslinks ind i det.
: Sektionselement bruges til at repræsentere et generisk afsnit til dets dokument.
: Hver gang vi ønsker at vise data i det tabulære format, er en tabel en perfekt løsning til det. Det opretter en tabel til dit HTML-dokument.
: Hvis du vil inkludere videoindhold i dit HTML-dokument, er det også muligt ved at bruge enkle videoelementer i din kode.
: Hvis en bruger ønsker at vise en liste over emner, er det muligt at bruge
element.
: Den viser listen på den ordrede måde.
: Den viser listen på en uordnet måde.
: dette element bruges til at beskrive forskellige udtryk i formatet på beskrivelseslisten.
Eksempler på HTML-blokke
Her er nogle eksempler på HTML-blokke, der er givet nedenfor:
Eksempel 1
I det nedenstående eksempel vil vi bruge nogle grundlæggende Html-blokelementer som div, p, overskrifter, lister element med den ordnede og uordnede liste osv.
Kode:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Dette er eksemplet på HTML-blokelementer, der viser flere blokke niveauelementer indkapslet i det. Her kan vi også bruge inline elementer
Eksempel inklusive div, p, overskriftelementer, listeelementer
Dette eksempel viser forskellige slags HTML-blokelementer som div, p , overskrifter mellem h1 til h6
Eksempel på lister
En ikke-ordnet HTML-liste, der viser lande
Mumbai
Pune
Nagpur
En bestilt HTML-liste, der viser lande
Mumbai
Pune
Nagpur
Produktion:
Eksempel 2
Her ser vi et andet eksempel, hvor vi opretter en tabel.
Ved at bruge HTML-blokkeelementer skal vi nu oprette HTML-formular som følger:
Kode:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Produktion:
Eksempel 4
Her prøver vi at adressere elementet i HTML-blokke.
Kode:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Produktion:
Konklusion
Fra alle ovennævnte oplysninger konkluderede den, at HTML-blokeringsniveauelementet inkluderet i HTML-dokumentets krop. Det vil oprette nogle store HTML-blokke af sektioner som afsnit eller sider med inddelingen. Man kan inkludere et andet blokniveauelement i blokniveauelementerne. Det er også muligt at inkludere indbyggede elementer i blokniveauelementet, men det er ikke muligt at inkludere blokniveauelementer i inlineelementerne.
Anbefalede artikler
Dette er en guide til HTML-blokke. Her diskuterer vi elementerne i HTML-blokke sammen med eksemplerne og kodeimplementering. Du kan også se på de følgende artikler for at lære mere -