Grundlæggende introduktion til HTML, CSS og JavaScript

Hjertelig velkommen til kurset!

For at forstå HTML bedre, hjælper det at forstå nøjagtigt, hvad HTML egentlig er. Denne lektion behandler præcis dette spørgsmål.

Det afgørende spørgsmål, når du lige er begyndt: Hvordan oprettes, vises eller ændres HTML-dokumenter? I denne video finder du svaret.

HTML-dokumenters grundlag er de såkaldte tags. Dette koncept lærer du at kende i denne lektion.

HTML-dokumenter består af en hovedsektion med oplysninger om dokumentet og det synlige indhold. I denne lektion handler det først om hovedsektionen (head).

De faktiske indhold bliver placeret i body-området. Denne grundlæggende opdeling skal du absolut have forstået. Denne lektion er derfor obligatorisk i enhver henseende!

Især omfattende dokumenter drager fordel af kommentarer, der ikke vises direkte på websiden. De kan gøre koden mere overskuelig og dokumentere. Lær at oprette dem.

På internettet støder du altid på sti-angivelser - og det i to varianter: som relativ eller som absolut sti-angivelse. Se denne lektion for at forstå konceptet.

Henvisninger inden for en hjemmeside er ekstremt almindelige. Implementeringen finder du i dette indlæg.

Henvisninger til andre hjemmesider er lige så vigtige og er også en del af hverdagen på internettet. Derudover er der med target et angivelse af, hvordan links åbnes. Lær, hvordan du implementerer det.

Henvisninger inden for et dokument kaldes også ankre. Lær at placere dem og henvise til områder på den aktuelle side.

Til en hierarkisk struktur hører blandt andet overskrifter. Her lærer du de tilgængelige elementer at kende.

Mellemrum og linjeskift i HTML-dokumenter er begrænsede. Det er vigtigt, at du kender dette koncept.

I en tekst spiller afsnit en vigtig rolle. Her lærer du at sætte dem.

Netop på nettet skal tekster være overskuelige. Lister hjælper betragteren med at skimme teksten. Derfor er lektionen om ordnede og uordnede lister absolut obligatorisk.

Tabeller er enormt vigtige til at præsentere data i tabelform. Her lærer du de grundlæggende principper at kende.

En webside uden billeder er ufattelig. Her lærer du, hvordan du indsætter billeder.

Lær at inkludere specialtegn som HTML-entiteter i dine dokumenter.

Gennem iframes indlejrer du andre hjemmesider direkte på din hjemmeside.

JavaScripts bliver inkluderet i HTML-dokumenter. Her lærer du, hvordan det gøres.

I den første HTML-øvelse handler det om tekstformatering og placering af overskrifter.

Her opretter du en opskrift som et HTML-dokument og bruger grundlæggende HTML-elementer.

Videnen om tabeller bliver nu anvendt i praksis her.

Lær at kende konceptet Cascading Style Sheets.

Lær at tildele CSS-statements direkte til elementerne.

Interne stylesheets er en anden måde at give instruktioner direkte i dokumentet.

En meget almindelig sag: stylesheetene bliver hentet fra eksterne filer og inkluderet.

Til styling er attributterne "class" og "id" ekstremt vigtige. Lær dem at kende her.

Netop containere spiller en vigtig rolle i arbejdet med CSS. Her lærer du konceptet at kende på eksemplet med div-taggen.

Med float-attributten kan elementer placeres forskelligt. Et centralt element i design. Obligatorisk lektion!

Også `position`-attributet er ekstremt vigtigt og bør være en del af enhver CSS-læringsplan.

Lær de forskellige angivelser for afstande („padding“ og „margin“) at kende.

Bredden og højden (højde og bredde) er emner i denne lektion.

HTML-elementer kan vises med en ramme. Dertil er der attributtet border, som du lærer at kende i denne video.

Forskellige skriftstørrelser har alle allerede brugt. Efter denne lektion kan du indstille dem med CSS.

Skrifttyper er ikke altid tilgængelige på hver computer. Derfor defineres skriftfamilier oftere på nettet. Lær, hvordan det gøres, i denne video.

Grundlaget for tekstformatering: fed, kursiv og understreget tekst. I denne lektion præsenterer jeg CSS-instruktionerne for dig.

Tekstjustering er også kendt fra tekstbehandling og er heller ikke ualmindeligt på nettet. Find ud af, hvordan det fungerer med CSS.

Det standard design af links kan forbedres betydeligt ved hjælp af CSS. Lær de forskellige tilstande af links og de tilsvarende CSS-instruktioner at kende.

Et kort overblik over spørgsmålet: "Hvad er JavaScript egentlig præcis?

I denne crashkursus binder du JavaScript ind i et HTML-dokument. Først lærer du at indsætte det direkte i dokumentet.

Eksterne JavaScripts er også vigtige og konstant til stede på nettet.

Lær at kende det "Document Object Model".

Du behøver ikke at udskrive data i TVML/TVJS på denne måde, men det er stadig vigtigt for de videre eksempler.

En væsentlig funktion af JavaScript er styring gennem begivenheder. Her lærer du konceptet at kende ved eksemplet med Klik-hændelser.

Lær hvordan du kan få adgang til elementer og ændre værdien.

Variabler - centralt koncept i ethvert programmeringssprog. Her lærer du, hvordan de oprettes i JavaScript.

Selvom JavaScript ikke bruger eksplicitte datatyper ved deklarationen, bør du stadig forstå konceptet.

En computer (på dansk "regner") er ikke i stand til at beregne noget uden simpel aritmetik. JavaScript kan selvfølgelig også dette.

Selvom du ikke bruger dem direkte selv, støder du ofte på sammensatte/kombinerede tildelinger i praksis. Godt, hvis du kan læse syntaksen!

Uden betingelser er programmeringen kun vanskelig at forestille sig.

Også konceptet med gentagelse er enormt vigtigt. Her lærer du en variant at kende i JavaScript.

Selv while-løkker har deres anvendelse. Godt, hvis du også kender dem.

Funktionerne vil du også bruge i TVJS. En vigtig koncept, som du skal forstå.

For at bevæge dig fornuftigt rundt i koden, skal du kende JavaScripts gyldighedsområder (Scopes).

Her handler det endnu engang og lidt mere i detaljer om begivenheder.

Strenge står nok overfor i enhver app. Derfor skal de absolut med i en crashkursus.

Emner som tilfældige tal og andre komplekse beregninger er også vigtige.

Også arrays vil du med sikkerhed støde på i JavaScript- og TVJS-miljøet. Godt, hvis du kender dem.

Også i TVJS bliver der brugt objekter. Så du bør mindst kende JavaScript-implementeringen.

Egenskaber hører til objektorientering og bør grundlæggende forstås.

Også metoder er vigtige og vil blive stødt på hyppigere i TVJS-eksemplerne.