HTML och CSS - det är skillnaderna
HTML och CSS är nära besläktade - men vad är skillnaden? Tidigare skapades hemsidor helt i HTML. Idag skiljer det så kallade "Cascading Style Sheet" designen från strukturen som skapas i "Hypertext Markup Language" (HTML).
HTML - språket för struktur och innehåll
Skapa en hemsida, ta med innehållet till din sida via HTML. Texter, bilder och strukturer, till exempel en tabell, är integrerade med HTML-filer. HTML tar på sig olika uppgifter.
- I en HTML-fil förklarar du först dokumenttypen. Detta indikerar vilken HTML-version du använder.
- I följande huvudområde - huvudet - anger du tekniska detaljer, till exempel vilken CSS-fil den är länkad till. Du kan också definiera titeln som visas på webbläsarfliken här.
- HTML-kroppen innehåller innehållet på en webbplats. All text och bilder som du lägger till på din hemsida hamnar här. Du strukturerar texterna i stycken och rubrikerna i olika hierarkier.
- Du kan till exempel formatera en headliner med högsta prioritet med kommandot
till första ordningens rubrik. Du strukturerar ytterligare rubriker med kommandona
.
osv. Dessa kommandon är direkt relaterade till CSS-filen som definieras i HTML-huvudet.
CSS - form och färg på din hemsida
Till skillnad från HTML ger CSS-filen inte dynamiskt innehåll till din webbplats. Du använder den för att avgöra hur en webbläsare visar text och bilder. Du använder också CSS för att utforma grundstrukturen på din hemsida.
- Marginaler, bakgrunder och sidfötter eller sidhuvuden skapas i ett överlappande stilark. Till exempel, för en blogg, dela upp sidan i två kolumner; en för inlägg och en för länkar, widgets eller fast information.
- Du använder också CSS-filen för att definiera fast textformatering. Har rubriker i en HTML-fil
och
definierade, förblir de initialt oförändrade. Ge nu dessa kommandon ett formulär i CSS, exempelvis inställt på
teckenstorlek 16 och för
14 fast.
Du kan också skapa en hemsida utan CSS-filer. Fördelen med CSS är dock att du kan ändra designen på hela hemsidan med bara en förändring. Om du vill förstora rubrikerna är formatet tillräckligt