Hvordan bedst udnyttes HTML Div-tag?



Denne artikel introducerer dig til et nyt koncept, der er simpelt, men alligevel vigtigt. Vi ville udforske HTML Div Tag i denne artikel.

Denne artikel introducerer dig til en ny koncept, der er simpelt og alligevel vigtigt. Vi ville udforske HTML Div Tag i denne artikel. Følgende punkter bliver berørt og diskuteret i processen:

kandidatbevis vs mestre

Så lad os komme i gang dengang,





HTML Div-tag

Hvis du vil beskrive et dokument, tag ogtag kan bruges i HTML til at definere et afsnit af dit dokument. Med dette tag kan gruppering af store sektioner af HTML-elementer udføres. Og kan formateres ved hjælp af CSS.

tag bruges til gruppering af forskellige andre HTML-tags. Websidelayout kan også oprettes for at definere forskellige dele af websiden. Der er ingen visuel ændring som sådan, når den bruges separat. Den grundlæggende forskel div-tag og span-tag, førstnævnte bruges med blokniveauer, og sidstnævnte bruges med inline-elementer.



Fortsætter med denne HTML Div Tag-artikel

Eksempel 1

I nedenstående eksempel er en referencemappe med stylingelementerne gemt som div2.css er taget.

HTML div tag Velkommen til edureka blogs. Vi tilbyder online coaching om forskellige emner. Stilarket for css-filen gemmes som div2.css #contentinfo p {line-height: 20px margin: 20px padding-bottom: 20px text-align: justify width: 140px color: red}

Produktion



Output - Div Tag - EdurekaFortsætter med denne artikel

Eksempel 2

HTML div-tag

Dette er den første gruppe

  • Først
  • Anden
  • Tredje

Dette er den anden gruppe

  • Øst
  • Vest
  • Nord
  • Syd

Resultatet af det givne program vil være:

Dette bringer os til slutningen af ​​denne artikel.

Nu hvor du ved, hvad der er HTML, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).

Har du et spørgsmål til os? Nævn det i kommentarfeltet i denne artikel, så vender vi tilbage til dig.