Hva er forskjellen mellom HTML og CSS?

Hva er forskjellen mellom HTML og CSS?
Mens du surfer på internett og går gjennom fantastiske utseende nettsteder, har du noen gang tenkt på hvordan de skaper så fantastiske nettsteder? Har du noen gang drømt om å lage så fantastiske nettsteder på egen hånd? La oss fortelle deg at de attraktive designene av nettsteder du har sett er kombinasjonen av HTML og CSS, begge nettstedsteknologier går hånd i hånd for å bygge fantastiske nettsteder.

Det er sant at vi må bruke kombinasjonen av HTML og CSS for å bygge attraktive nettsteder, men begge teknologiene har forskjellige aspekter og formål. Dette innlegget har først og fremst som mål å demonstrere forskjellen mellom HTML og CSS sammen med følgende utfall:

  • Hva er HTML
  • Hva er CSS
  • Hva er forskjell mellom HTML og CSS

Hva er HTML

Htmlis et hypertekst markeringsspråk som brukes til å bygge vanlige og statiske nettsteder. La oss forstå htmlwith et virkelig eksempel. Htmlis som et menneskelig skjelett. Den består av to deler: hodet som inneholder hjernen som kontrollerer menneskekroppen og kroppen inneholder alle hoveddelene som hjertet, leveren, lunger, nyrer osv. Nå inneholder HTML også av to deler

  • Hode
  • Kropp

Hovedkoden inneholder tittelen på nettstedet, lenker til CSS, JavaScript -filer og annet formateringsrelatert innhold ... mens kroppskoden inneholder alt innholdet som vi har sett mens et nettsted er åpnet.

Htmluses forskjellige tagger for å utføre forskjellige handlinger; Hver tag har en åpning og lukking.

Følgende eksempler bruker forskjellige HTML -tagger for å bygge et HTML -dokument.

Eksempel




Dokument


Dette er ren HTML


Dette avsnittet er skrevet mellom HTML -taggen. Ingen CSS -egenskaper brukt på dette avsnittet.



I eksemplet ovenfor har vi bare brukt to htmltags

og

. Overskrift er spesifisert av

tagg mens

TAG spesifiserer avsnittskriving.

Produksjon

Utgangen viser at

har satt teksten til fet skrift og

Tag oppretter et avsnitt under

stikkord.

Hva er CSS

CSS er et kaskaderende stilark som er ansvarlig for presentasjonen av et nettsted. La oss forstå CSS med et ekte eksempel. La oss anta at htmlis er en hellig bygning, men CSS er malingen, dørvinduet og lysene i den bygningen. CSS endrer det generelle utseendet til nettstedet Plain and Static HTML. CSS lar oss endre HTMLProperties. Vi kan bruke CSS med HTML på tre forskjellige måter:

  • Inline CSS
  • Intern CSS
  • Ekstern CSS

La oss nå prøve å forstå CSS ved hjelp av et eksempel.

Eksempel




Dokument






Dette er kombinasjonen av HTML


Dette avsnittet er skrevet mellom HTML -taggen. Ingen CSS -egenskaper brukt på dette avsnittet.




Her har vi brukt CSS-egenskaper som bakgrunnsfarge, farge, font-familie, høyde og bredde for å lage et enkelt og vanlig HTML-dokument attraktivt.

Produksjon

Overskriften, avsnittet og skriftstilen blir manipulert ved hjelp av forskjellige CSS -egenskaper. Som til slutt forbedrer lesbarheten og forståelsen.

For en bedre forståelse er fordeler og ulemper med CSS oppført i følgende tabell

CSS -fordeler og ulemper

Fordeler Ulemper
Inneholder et stort sett med attributter Blir forvirrende
Stil flere dokumenter samtidig CSS er sårbar
Lett vedlikeholdt Saktere lastetid

Hva er forskjellen mellom HTML og CSS

HTML og CSS er to webteknologier som brukes sammen for å lage et fantastisk nettsted. Mens begge teknologiene har forskjellige regler og arbeid. Hvis HTML oppretter et vanlig nettsted, er CSS ansvarlig for å gjøre det visuelt attraktivt. Følgende tabell gir deg et klart syn på forskjellen mellom HTML og CSS.

Html CSS
HTML brukes til å lage vanlige og statiske nettdokumenter. CSS brukes til å gi stil til enkle og vanlige HTML -dokumenter.
HTML bruker forskjellige tagger for å skrive innhold på en webside. CSS bruker forskjellige erklæringsmetoder for å style og endre HTML -tagger.
HTML bruker ingen overgang eller animasjon. CSS tillater animasjoner og overganger.
HTML har begrensede tagger og egenskaper. CSS har et stort sett med egenskaper og funksjonaliteter.
HTML gir struktur til en websideinnhold. CSS gjør innholdet på nettet presentabelt.
HTML fungerer uten CSS. CSS må trenge HTML for å jobbe.
HTML -filen har .html eller .HTM -forlengelse CSS -filen har .CSS -utvidelse

Konklusjon

HTML brukes til å lage en enkel og statisk side mens CSS gjør den siden presentabel og attraktiv. Generelt forbedrer CSS lesbarheten til HTML -dokumentet. Denne artikkelen opplyst forskjellen mellom HTML og CSS. For en bedre forståelse gir dette innlegget en oversikt over HTML og CSS sammen med sine fordeler og ulemper.