HTML er språket som brukes til å bygge nettsider ved å bruke forskjellige blokker i det. Disse elementene er i form styling delt inn i to forskjellige typer som HTML Blocks nivåelementer og inline elementer. Alle disse slags elementer er lagt inn i taggen til HTML-blokker. Element på blokkeringsnivå er strukturert for å designe hovedoppsettet på websiden din.
Hvis vi snakker om struktursynet, skaper det et større struktursyn enn de innebygde elementene. Hver element på blokkeringsnivå starter med en ny linje som bruker hele bredden på skjermen. De må skrives innen åpnings- og lukkemerke.
Gruppering av elementer er en viktig metode for å dele oppsett i form av seksjoner eller underseksjoner. Det er mulig å plassere blokkeringselementer i et annet blokkeringselement, i tillegg til at vi også er i stand til å sette inlineelementer i HTML Blocks-elementene, men det er ikke mulig å plassere blokkeringsnivåelementer i inline-elementene i stedet for elementtaggen.
La oss se syntaks for forskjellige HTML-blokkeringsnivåer er som følger:
1. div element: Det fungerer som et blokkeringselement, som tar full bredde på skjermen og alltid starter på en ny linje.
( ……Lines of code……)
2. tabell: tabell brukes til å vise data i tabellformat, inkludert tabelloverskrift, tabelldel med tabellrad og en tabellkolonne.
3. Listeelementer : Bestilt liste og 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. Sette skjemaelementer : Sette skjemaelementer for å opprette en HTML-skjema som følger.
Elementer av HTML-blokker
Det er forskjellige elementer som brukes som HTML-blokkeringsnivåer er som følger:
: Adressekode brukes til å spesifisere kontaktinformasjon fra forfatteren til HTML-artikkelen.
: Artikkelen brukes til å spesifisere innholdet som er selvstendig.
: Dette er slags elementer som er plassert bortsett fra hovedinnholdet, vanligvis blir de behandlet som en sidefelt.
: Hver gang vi tar innhold fra en annen kilde, blir det brukt blokka.
: Canvas er element brukes i webdokumenter for å gi grafisk plass.
: Det er det viktigste elementet i hele webutvikling som brukes til å dele HTML-dokumenter inn i seksjonene eller divisjonen.
: Uansett grupperelaterte etiketter eller elementer som brukes i nettformer som er samlet inn i feltområdet.
: HTML-skjemaer er definert ved hjelp av dette blokkenivåelementet. Det er mest brukt i nettutviklingsprosessen.
: Det brukes til å indikere bunntekstdelen på en webside.
-
: Dette er overskriftene som brukes i HTML-språk som definerer nivå 1 til 6.
: Dette elementet brukes til å indikere overskriftsdelen på websiden.
: Dette er det siste elementet introdusert i HTML 5 som brukes til å indikere delen av siden inkludert navigasjonslenker inn i den.
: Seksjonselement brukes til å representere en generisk seksjon i dokumentet.
: Når vi ønsker å vise data i tabellformat, er en tabell en perfekt løsning for det. Det vil lage en tabell til HTML-dokumentet.
: Hvis du vil inkludere videoinnhold i HTML-dokumentet ditt, er det også mulig ved å bruke enkle videoelementer i koden.
: Hvis en bruker ønsker å vise en liste over elementer, er det mulig å bruke
element.
: Den vil vise listen på den bestilte måten.
: Den vil vise listen på en uordnet måte.
: dette elementet som brukes til å beskrive forskjellige uttrykk i formatet på beskrivelseslisten.
Eksempler på HTML-blokker
Her er noen eksempler på HTML-blokker som er gitt nedenfor:
Eksempel 1
I eksemplet nedenfor skal vi bruke noen grunnleggende Html-blokkeringselementer som div, p, overskrifter, lister element med den ordnede og uordnede listen, etc.
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-blokkeringselementer som viser flere blokkeringer nivåelementer som er lukket inne i det. Her kan vi også bruke inline-elementer
Eksempel inkludert div, p, overskriftelementer, listeelementer
Dette eksemplet viser forskjellige typer HTML-blokkeringselementer som div, p , overskrifter mellom h1 til h6
Eksempel på lister
En uordnet HTML-liste som viser land
Mumbai
Pune
Nagpur
En bestilt HTML-liste som viser land
Mumbai
Pune
Nagpur
Produksjon:
Eksempel 2
Her vil vi se et annet eksempel der vi lager en tabell.
Nå ved å bruke HTML-blokkeringselementer, skal vi lage HTML-skjema 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
Produksjon:
Eksempel 4
Her prøver vi å adressere elementet i HTML-blokker.
Kode:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Produksjon:
Konklusjon
Fra all informasjonen ovenfor konkluderte den med at HTML blokkerer nivåelementet som er inkludert i HTML-dokumentets kropp. Det vil lage noen store HTML-blokker med seksjoner som avsnitt eller sider med inndelingen. Man kan inkludere et annet blokkenivåelement i blokkenivåelementene. Det er også mulig å inkludere inline-elementer i blokkenivåelementet, men det er ikke mulig å inkludere blokkeringsnivåelementer i inlineelementene.
Anbefalte artikler
Dette er en guide til HTML-blokker. Her diskuterer vi elementene i HTML-blokker sammen med eksemplene og kodeimplementering. Du kan også se på følgende artikler for å lære mer -