HTML -stiler

HTML -stiler
HTML tilbyr en stilattributt til implementering av forskjellige stiler e.g. bakgrunnsfarge, skrift, etc. På HTML -elementer. Den bruker forskjellige egenskaper for å beskrive utseendet til ethvert HTML -dokument. Vi kan kalle stilkoden mini CSS i HTML -dokumentet.

Denne oppskrivningen vil forklare hvordan vi kan sette stilattributtet i HTML-elementene. For å oppnå dette målet vil denne artikkelen gi flere eksempler. Så uten ytterligere forsinkelse, la oss begynne!

Syntaks

Syntaksen til HTML -stilattributtene inkluderer en egenskap og dens verdi som vist i utdraget nedenfor:

I attributtet HTML -stil kan vi angi flere egenskaper for ett HTML -element som fontstil, bakgrunnsfarge osv. I slike scenarier må vi sette inn en semikolon ";" Etter hver egenskap som vist i følgende skript:

Hvordan legge til en stil til et HTML -element

Dette eksemplet vil bruke et par stiler på forskjellige HTML

Enkelt avsnitt


Avsnitt med bakgrunnsfarge


Avsnitt med X-stor skriftstørrelse



Den første

Element brukte ikke stilattributtet, så det vil vise et normalt avsnitt. Imidlertid andre og tredje avsnitt implanterte stilattributter for forskjellige formål. Som et resultat vil nettleseren vise følgende utgang:

Hvordan bruke flere egenskaper i stilattributtet

I eksemplet ovenfor var det tre forskjellige avsnitt hvert element har en unik stil. Vurder nå et annet eksempel som vil implementere flere stiler i samme avsnitt:



Enkelt avsnitt


Avsnitt med gullbakgrunn og senter justert


Avsnitt med X-stor skriftstørrelse og kursiv stil



Ovennevnte kode opprettet tre

elementer. Den første er den enkle, andre avsnitt benyttet stilelementet med flere egenskaper for å angi gullbakgrunnsfargen og midtjustert tekst. Tredje ledd implementerer også de to egenskapene for å sette skriften i ekstra stor og kursiv stil.

Nå vil denne artikkelen diskutere de hyppigst utnyttede stilegenskapene som gitt nedenfor:

  • De farge Eiendom brukes til å stille inn tekstfargen.
  • De bakgrunnsfarge Eiendom setter bakgrunnsfargen på HTML -elementet.
  • De fontstil Eiendom setter de forskjellige skriftstiler for et HTML -element E.g. Kursiv, dristig, etc.
  • De Font-familie Eiendom implementerer skriften for HTML -elementer som monospace etc.
  • De skriftstørrelse Eiendom i HTML setter størrelsen på ethvert HTML -element som for eksempel liten, 12px, etc.
  • De Tekstalign brukes til å angi justeringen av teksten som sentrum, til høyre, etc.

Konklusjon

HTML -stilene påvirker direkte det tilsynelatende utseendet til ethvert HTML -dokument. Denne oppskrivningen forklarte hva som er HTML-stilattributt? Hvordan fungerer stilattributtet? Hvilke egenskaper det kan ha? Og hvor viktig det er for styling av en hvilken som helst webside. Denne artikkelen utdypet disse konseptene ved hjelp av noen eksempler for å gi et klart syn.