Vad är skillnaden mellan HTML och CSS

De huvudskillnad mellan HTML och CSS är att HTML är ett markup-språk som används för att skapa strukturen på en webbsida medan CSS är ett stilningsspråk som används för att göra webbsidorna mer presenterbara.  

HTML är en textbaserad metod för att beskriva hur innehållet är strukturerat på en webbsida. Enligt taggarna i HTML-filen visas webbläsaren text, innehåll, tabeller, listor och andra element. CSS är ett stylingspråk som används för att beskriva utseendet och formateringen av ett dokument som är skrivet i uppmuntraspråk. Det finns ett annat språk som heter JavaScript som är ett skriptspråk på klientsidan. Det används för att göra webbsidan dynamisk. HTML, CSS och JavaScript anses vara de viktigaste tre grundläggande språken för webbutveckling.

Viktiga områden som omfattas

1. Vad är HTML
     - Definition, Funktionalitet
2. Vad är CSS
     - Definition, Funktionalitet
3. Vad är skillnaden mellan HTML och CSS
     - Jämförelse av viktiga skillnader

Nyckelbegrepp

CSS, HTML, JavaScript

Vad är HTML

HTML används för att skapa webbsidans struktur. Den består av taggar. Det finns olika versioner av HTML som HTML1, 2, etc. Den senaste versionen är HTML 5. Den består av ytterligare funktioner som SVG, Geolocation, inbyggt ljud och video support. En webbsida som utvecklats endast med hjälp av HTML är en statisk webbsida. Programmeraren kan enkelt skapa en HTML-fil med anteckningsblocket, och han kan utföra den på en webbläsare.

HTML-filen börjar med dokumenttypdeklaration. Det specificerar versionen av HTML. Därefter börjar dokumentet med och slutar med . Det finns två avsnitt på HTML-sidan. De kallas huvud och kroppsdel. Huvuddelen innehåller detaljerna i filen, t.ex. titel och metadata. Taggarna för att göra det synliga innehållet på webbsidan placeras inuti kroppssektionen. Det finns taggar för rubriker, stycken, tabeller, listor etc.. 

Vad är CSS

CSS är ett design språk som används för att göra webbsidorna mer presenterbara. Det är skrivet inuti HTML. Det är också vanligt att lägga till funktioner som gradienter, skuggor, 2D, 3D-transformer, gränser etc. CSS kan läggas till med HTML inline, eller det kan vara läggas till som en extern etikett. CSS-deklarationerna har två sektioner som heter egenskap och värde, som separeras av ett kolon.

Det finns olika versioner av CSS. CSS 1 är den äldsta versionen och är en enkel visuell formateringsmodell för alla HTML-taggar. CSS 2 innehåller ytterligare funktioner som elementpositionering, nedladdningsbara teckensnitt, som är mer mediaspecifika stilar. Den senaste versionen är CSS3. Den har selektorer, boxmodeller, bakgrunder, gränser, transformer etc..

Skillnad mellan HTML och CSS

Definition

HTML är standardspårningsspråket för att skapa webbsidor och webbapplikationer. CSS är ett stilarksspråk som används för att beskriva presentationen av dokument skrivna i ett uppmärkningsspråk som HTML. Således förklarar detta den grundläggande skillnaden mellan HTML och CSS.

Fulla formen

HyperText Markup Language är den fullständiga formen av HTML medan Cascading Style Sheet är den fullständiga formen av CSS.

Bestå av

En annan skillnad mellan HTML och CSS är att HTML består av taggar som omger innehåll medan CSS består av selektorer som lyckas med ett deklarationsblock.  

Förening

Dessutom är en annan skillnad mellan HTML och CSS att CSS kan användas i HTML-filer medan HTML inte kan användas i CSS-filer.

Användande

Det finns också en skillnad mellan HTML och CSS baserat på användningen. HTML används för att bygga upp strukturen på webbsidan medan CSS används för att göra webbsidan mer presenterbar. 

Slutsats

HTML och CSS är två huvud språk som vanligtvis används för webbutveckling. Skillnaden mellan HTML och CSS är att HTML är ett markup språk som används för att skapa strukturen på en webbsida medan CSS är ett stylingspråk som används för att göra webbsidorna mer presenterbara. 

Referens:

1. "HTML Översikt." Www.tutorialspoint.com, Tutorials Point, Tillgänglig här.
2. "Vad är CSS." Www.tutorialspoint.com, Tutorials Point, tillgängligt här.

Image Courtesy:

1. "HTML5-logotyp och ordmärke" Av W3C (CC BY 3.0) via Commons Wikimedia
2. "CSS.3" Av Nikotaf - Egent arbete (CC BY-SA 4.0) via Commons Wikimedia