Hvordan redigere en HTML-fil

click fraud protection
programkode på dataskjermen. Programmerings- og kodeteknologibakgrunn

Bildekreditt: tumsasedgars/iStock/GettyImages

HyperText Markup Language eller HTML er det grunnleggende programmeringsspråket på World Wide Web. Den brukes til å spesifisere den grunnleggende layouten og funksjonaliteten til et nettsted. Du kan redigere en HTML-fil ved å bruke et hvilket som helst vanlig tekstredigeringsprogram eller et spesialverktøy som skriver ut HTML basert på inndataene dine.

HTML, CSS og JavaScript

Moderne nettlesere forstår tre programmeringsspråk. HTML brukes til å kode den grunnleggende layouten til en nettside og introdusere funksjonelle elementer som skjemaer, bilder og tekstdeler. Den kan også brukes til noen stilspesifikasjoner.

Dagens video

Et annet språk som kalles cascading style sheets eller CSS brukes til å style hvordan en side ser ut på en skjerm eller når den skrives ut på papir. CSS kan bygges inn i HTML eller refereres til med HTML-kode og lagres i separate filer.

Et tredje språk, kjent som JavaScript, brukes til å legge til tilleggsfunksjonalitet som interaktivitet og beregning til nettsteder. Det kan også enten være innebygd i HTML-filer eller lagret i separate filer. Som navnet antyder, ligner det på et annet programmeringsspråk kalt Java, selv om de to ikke er krysskompatible og ikke bør forveksles med hverandre.

Rediger en HTML-fil

HTML, CSS og JavaScript har alle sine egne syntaksregler som må følges for å generere gyldig kode som en nettleser kan forstå, men de er lagret i vanlige tekstfiler.

De kan redigeres med hvilken som helst programvare for ren tekstredigering, inkludert Notisblokk på Windows, TextEdit på macOS-datamaskiner og populære tekstredigerere som Emacs, Vim og Sublime Text. Vanligvis lagres HTML-filer med filtypen .html. Unngå å bruke tekstbehandlingsverktøy som Microsoft Word og Google Docs for å redigere HTML fordi de ikke er like bra egnet til å håndtere ren tekst som de er til å konstruere forseggjorte dokumenter med tilpassede fonter og formatering.

Noen utviklere foretrekker å bruke integrerte utviklingsmiljøer eller konfigurere teksteditorene til å inkludere avanserte funksjoner som å fremheve ulike deler av HTML-koden eller foreslå hvor elementer skal være plassert. Moderne nettlesere gjør det også mulig å finpusse HTML og JavaScript og redigere kode mens de feilsøker gjennom ulike innebygde utviklerverktøy.

Generert HTML

Ulike verktøy gjør det mulig å generere HTML uten å skrive det direkte. Noen webdesignverktøy som Adobes Dreamweaver og nettverktøy som Wix og Squarespace sender automatisk ut HTML basert på hva brukerne legger inn gjennom et visuelt grensesnitt.

Andre, som noe programvare for nettfora og wikier, tar automatisk andre, enklere formateringsspråk som Markdown og oversetter dem til HTML og CSS. Webserverprogramvare, som Django og Rails, kan også generere HTML automatisk basert på konfigurasjonsinnstillinger og data.