HTML är det språk som används för att bygga webbsidor med olika block i det. Dessa element är i formstyling uppdelade i två olika typer som HTML-blocknivåelement och inlineelement. Alla dessa typer av element är inneslutna i taggen med HTML-block. Element på blocknivå är strukturerade för att utforma huvudlayouten på din webbsida.
Om vi talar om strukturvyn skapar det en större strukturvy än vyn för inlineelement. Varje blocknivåelement börjar med en ny linje som upptar hela skärmbredden. De måste skrivas inom öppnings- och slutetaggen.
Gruppering av element är en viktig metod för att dela upp layout i form av sektioner eller underavsnitt. Det är möjligt att placera alla blockelement i ett annat blockelement, såväl som vi också kan sätta inlineelement i HTML Blocks-elementen, men det är inte möjligt att sätta blocknivåelement i inlineelementen snarare än elementtagg.
Låt oss se syntaxen för olika HTML Block-element är som följer:
1. div-element: Det fungerar som ett blockelement, som tar hela skärmbredden och börjar alltid på en ny rad.
( ……Lines of code……)
2. tabell: tabell används för att visa data i ett tabellformat inklusive tabellhuvud, tabellkropp med tabellrad och en tabellkolonn.
3. Listingelement: Beställd lista & oordnad lista.
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ätta formelement : Lägga till formelement för att skapa en HTML-form på följande sätt.
Delar av HTML-block
Det finns olika element som används som HTML-blocknivåelement är som följer:
: Adresstagg används för att specificera kontaktinformation för författaren i HTML-artikeln.
: Artikeln används för att specificera innehållet som är fristående.
: Det här är typ av element som är placerade bortsett från huvudinnehållet, vanligtvis behandlas de som en sidofält.
: När vi tar innehåll från en annan källa används blockquote.
: Canvas är element används i webbdokument för att ge grafiskt utrymme.
: Det är det viktigaste elementet i hela webbutveckling som används för att dela HTML-dokument i avsnitten eller divisionen.
: Oavsett grupprelaterade etiketter eller element som används i webbformulär som samlas ihop i fältet.
: HTML-formulär definieras med hjälp av detta blocknivåelement. Det används oftast i webbutvecklingsprocessen.
: Det används för att indikera sidfoten på en webbsida.
-
: Dessa är de rubriker som används i HTML-språk som definierar nivå 1 till 6.
: Detta element används för att indikera rubrikavsnittet på webbsidan.
: Detta är det senaste elementet som introducerats i HTML 5 som används för att indikera avsnittet på sidan inklusive navigeringslänkar till det.
: Avsnittselement används för att representera ett generiskt avsnitt i sitt dokument.
: När vi vill visa data i tabellformat är en tabell en perfekt lösning för det. Det skapar en tabell till ditt HTML-dokument.
: Om du vill inkludera videoinnehåll i ditt HTML-dokument är det också möjligt genom att använda enkla videoelement i din kod.
: Om en användare vill visa en lista med objekt, är det möjligt att använda
element.
: Den visar listan på det ordnade sättet.
: Den kommer att visa listan på ett oordnat sätt.
: detta element som används för att beskriva olika termer i formatet på beskrivningslistan.
Exempel på HTML-block
Här är några exempel på HTML-block som ges nedan:
Exempel 1
I exemplet nedan kommer vi att använda några grundläggande Html-blockelement som div, p, rubriker, listelement med den ordnade och oordnade listan, etc.
Koda:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Detta är exemplet på HTML-blockelement som visar flera block nivåelement inneslutna i det. Här kan vi också använda inlineelement
Exempel inklusive div, p, rubrikelement, listelement
Detta exempel visar olika typer av HTML-blockelement som div, p , rubriker mellan h1 till h6
Exempel på listor
En oordnad HTML-lista som visar länder
Mumbai
Pune
Nagpur
En beställd HTML-lista som visar länder
Mumbai
Pune
Nagpur
Produktion:
Exempel 2
Här ser vi ett annat exempel där vi skapar en tabell.
Genom att använda HTML-blockelement kommer vi att skapa HTML-formulär enligt följande:
Koda:
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:
Exempel 4
Här försöker vi adressera elementet i HTML-block.
Koda:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Produktion:
Slutsats
Från all ovanstående information drog den slutsatsen att HTML-blocket nivåelement som ingår i HTML-dokumentets kropp. Det kommer att skapa några stora HTML-block av sektioner som stycken eller sidor med uppdelningen. Man kan inkludera ett annat blocknivåelement i blocknivåelementen. Det är också möjligt att inkludera inline-element i block-level-elementet, men att inkludera block-level-element i inline-elementen är inte möjligt.
Rekommenderade artiklar
Detta är en guide till HTML-block. Här diskuterar vi elementen i HTML-block tillsammans med exemplen och kodimplementering. Du kan också titta på följande artiklar för att lära dig mer -