HTML -avsnitt

HTML -avsnitt
Hver gang vi besøker et nettsted, var vi vitne til flere ting som avsnitt, overskrifter, titler osv. For å legge til slike elementer på hvilken som helst webside HTML gir forskjellige tagger. Paragraf -taggen er en av dem.

HTML -avsnittet er et element som inneholder en viss tekst mellom start- og lukkekodene. Det er representert av

stikkord. Det tilhører elementer på blokknivå som betyr en

Tag vil alltid starte fra en ny linje. Nettleseren vil legge til margen automatisk før og etter hver

stikkord. Paragraf -taggen kan godta de globale attributtene som ID, stil osv., og hendelsesattributter.

Syntaks

Syntaks for avsnittselementet er angitt nedenfor:

innhold

Hvor

brukes som startkode og

brukes som en lukkende tag. Lukkekoden er valgfri og kan hoppes over, men for å unngå kompleksiteten anbefales det at aldri hopper over sluttkoden til noen sammenkoblet tag.

Hvordan

Tag fungerer

Denne delen vil presentere en detaljert forståelse av hvordan

Tag fungerer.

Eksempel 1: Tenk på følgende eksempel for å forstå hvordan

HTML PARAGRAPH -TAG


Dette er et enkelt eksempel på P -taggen



Ovennevnte kode vil opprette en enkel tagg ved hjelp av

Hvordan legge til stil på

stikkord

Nå må du lure på stilen som hvordan du endrer tekstjustering, skriftstørrelse, bakgrunnsfarge osv. av et avsnitt. Vi vil! Vi kan style ethvert HTML -avsnitt med hjelp av CSS.

Eksempel 2: For dette formålet, la oss utvide det forrige eksemplet litt og implementere litt stil på det:



HTML PARAGRAPH -TAG



Dette er et enkelt eksempel på P -taggen



Ovennevnte kode spesifiserer tre egenskaper tekst-align, bakgrunnsfarge og font-stil i stikkord. Disse egenskapene vil bli brukt på avsnittet, og det vil generere følgende utgang:

Hvordan legge til stil til flere avsnitt

Hvis det er flere avsnitt i dokumentet, vil den spesifiserte stylingen bli implementert på alle

Eksempel 3: La oss vurdere følgende eksempel som har tre tagger som vist i følgende kode:



HTML PARAGRAPH -TAG



Dette er første avsnitt


Dette er andre avsnitt


Dette er tredje avsnitt



Følgende utdata vil bekrefte at egenskapene vi angir for avsnittet i stilkoden blir implementert i alle avsnitt:

Hvordan style hvert avsnitt unikt

Anta at det er flere avsnitt, og du må style hvert avsnitt annerledes. er det mulig?

Ja, det er det! Vi kan gjøre dette på to måter enten ved hjelp av inline stil attributt, eller vi kan bruke CSS -velgere.

Eksempel 4: La oss anta nedenfor gitt kode som implementerer inline -stilen til den tredje

HTML PARAGRAPH -TAG



Dette er første avsnitt


Dette er andre avsnitt


Dette er tredje avsnitt



Inline -stilen vil bli implementert i tredje ledd, mens de to andre avsnittene vil bli stylet i henhold til den interne stilen som vist nedenfor:

Eksempel 5: La oss vurdere følgende kode som vil bruke en ID -velger for å style andre ledd:



HTML PARAGRAPH -TAG



Dette er første avsnitt


Dette er andre avsnitt


Dette er tredje avsnitt



Dette eksemplet beskriver to forskjellige stiler: De første og tredje avsnitt vil bli stylet i henhold til den interne stilen. Mens andre ledd blir stylet annerledes som vist i følgende utgang:

HTML -skjerm

Det spiller ingen rolle hvor mange ekstra mellomrom eller ekstra linjer som er det i avsnittet, HTML vil ignorere alle ekstra mellomrom og ekstra linjer som vist i det undergitte utdraget:



HTML PARAGRAPH -TAG


Dette er først
Avsnitt
med flere
ekstra
mellomrom



I koden ovenfor er det mange ekstra mellomrom og linjer. Imidlertid vil utdataene bekrefte at HTML forsømmer de ekstra områdene og genererer følgende utgang:

Konklusjon

Som navnet i seg selv antyder at avsnitts -taggen i HTML -dokumentet brukes til å opprette et avsnitt. Det kan ta globale attributter og hendelsesattributter også. For avansert styling kan CSS brukes som bakgrunnsfarge, skriftstil, tekstjustering osv.

Denne oppskrivningen demonstrerte en fullstendig oversikt over HTML-avsnittet der vi har lært hvordan vi lager et avsnitt i HTML, hvilke attributter

Tag kan ta og hvordan du kan legge inn noen stilmønstre i et avsnitt ved hjelp av CSS ved hjelp av eksempler.