Sådan redigeres en HTML-fil

programkode på computerskærmen. Programmerings- og kodningsteknologi baggrund

Billedkredit: tumsasedgars/iStock/GettyImages

HyperText Markup Language eller HTML er det grundlæggende programmeringssprog på World Wide Web. Det bruges til at specificere et websteds grundlæggende layout og funktionalitet. Du kan redigere en HTML-fil ved hjælp af enhver almindelig teksteditor eller et specialiseret værktøj, der udsender HTML baseret på dit input.

HTML, CSS og JavaScript

Moderne webbrowsere forstår tre programmeringssprog. HTML bruges til at kode det grundlæggende layout af en webside og introducere funktionelle elementer såsom formularer, billeder og tekstsektioner. Det kan også bruges til nogle stilspecifikationer.

Dagens video

Et andet sprog kaldet cascading style sheets eller CSS bruges til yderligere at style, hvordan en side ser ud på en skærm, eller når den udskrives på papir. CSS kan indlejres i HTML eller refereres til med HTML-kode og gemmes i separate filer.

Et tredje sprog, kendt som JavaScript, bruges til at tilføje yderligere funktionalitet såsom interaktivitet og beregning til websteder. Det kan også enten være indlejret i HTML-filer eller gemt i separate filer. Som navnet antyder, ligner det et andet programmeringssprog kaldet Java, selvom de to ikke er krydskompatible og ikke bør forveksles med hinanden.

Rediger en HTML-fil

HTML, CSS og JavaScript har alle deres egne syntaksregler, som skal følges for at generere gyldig kode, som en webbrowser kan forstå, men de er gemt i almindelige tekstfiler.

De kan redigeres med enhver almindelig tekstredigeringssoftware, inklusive Notepad på Windows, TextEdit på macOS-computere og populære tekstredigeringsprogrammer såsom Emacs, Vim og Sublime Text. Typisk gemmes HTML-filer med filtypenavnet .html. Undgå at bruge tekstbehandlingsværktøjer såsom Microsoft Word og Google Docs til at redigere HTML, fordi de ikke er så gode velegnet til at håndtere almindelig tekst, som de er til at konstruere omfattende dokumenter med brugerdefinerede skrifttyper og formatering.

Nogle udviklere foretrækker at bruge integrerede udviklingsmiljøer eller konfigurere deres teksteditorer til at inkludere avancerede funktioner såsom at fremhæve forskellige dele af HTML-koden eller foreslå, hvor elementer skal være placeret. Moderne webbrowsere gør det også muligt at finjustere HTML og JavaScript og redigere kode, mens de fejler gennem forskellige indbyggede udviklerværktøjer.

Genereret HTML

Forskellige værktøjer gør det muligt at generere HTML uden at skrive det direkte. Nogle webdesignværktøjer som Adobes Dreamweaver og onlineværktøjer såsom Wix og Squarespace udsender automatisk HTML baseret på, hvad brugerne indtaster gennem en visuel grænseflade.

Andre, som noget software til webfora og wikier, tager automatisk andre, enklere formateringssprog som Markdown og oversætter dem til HTML og CSS. Webserversoftware, såsom Django og Rails, kan også automatisk generere HTML baseret på konfigurationsindstillinger og data.