Top 60 HTML-interviewspørgsmål og -svar (2025)

Her er HTML-interviewspørgsmål og -svar til friskere såvel som erfarne kandidater til at få deres drømmejob.

Gratis PDF-download: HTML-interviewspørgsmål

---

1) Hvad er HTML?

HTML er en forkortelse for HyperText Markup Language og er sproget på World Wide Web. Det er standardtekstformateringssproget, der bruges til at oprette og vise sider på nettet. HTML-dokumenter består af to ting: indholdet og de tags, der formaterer det til korrekt visning på sider.

---

2) Hvad er tags?

Indhold placeres mellem HTML-tags for at formatere det korrekt. Det gør brug af mindre end-symbolet (<) og større end-symbolet (>). Et skråstregsymbol bruges også som et afsluttende tag. For eksempel:

<strong>sample</strong>

---

3) Kommer alle HTML-tags i et par?

Nej, der er enkelte HTML-tags, der ikke behøver et afsluttende tag. Eksempler er tag og tags.

---

4) Hvad er nogle af de almindelige lister, der kan bruges, når man designer en side?

Du kan indsætte en hvilken som helst eller en kombination af følgende listetyper:
– bestilt liste
– uordnet liste
– definitionsliste
– menuliste
– biblioteksliste
Hver af disse listetyper gør brug af et andet tagsæt til at komponere

---

5) Hvordan indsætter du en kommentar i HTML?

Kommentarer i HTML begynder med " ”. For eksempel:

<!-- A SAMPLE COMMENT -->

---

6) Vises alle karakterenheder korrekt på alle systemer?

Nej, der er nogle karakterenheder, der ikke kan vises, når operativsystem som browseren kører på understøtter ikke tegnene. Når det sker, vises disse tegn som bokse.

---

7) Hvad er et billedkort?

Billedkort giver dig mulighed for at linke til mange forskellige websider ved hjælp af et enkelt billede. Du kan definere figurer i billeder, som du vil gøre til en del af en billedmapping.

---

8) Hvad er fordelen ved at kollapse hvidt rum?

Mellemrum er en tom sekvens af mellemrumstegn, der behandles som et enkelt mellemrumstegn i HTML. Fordi browseren skjuler flere mellemrum til et enkelt mellemrum, kan du indrykke tekstlinjer uden at bekymre dig om flere mellemrum. Dette giver dig mulighed for at organisere HTML-koden i et meget mere læsbart format.

---

9) Kan attributværdier sættes til hvad som helst, eller er der specifikke værdier, som de accepterer?

Nogle attributværdier kan kun indstilles til foruddefinerede værdier. Andre attributter kan acceptere enhver numerisk værdi, der repræsenterer antallet af pixels for en størrelse.

---

10) Hvordan indsætter man et copyright-symbol på en browserside?

For at indsætte copyright-symbolet skal du skrive © eller & #169; i en HTML-fil.

---

11) Hvordan opretter du links til sektioner på samme side?

Links kan oprettes ved hjælp af tagget, med reference ved brug af nummeret (#) symbolet. Du kan f.eks. have én linje som TILBAGE TIL TOPPEN , hvilket ville resultere i, at ordene "BAGE TIL TOPPEN" vises på websiden og linker til et bogmærke med navnet øverst. Du opretter derefter en separat tag-kommando, f.eks. et sted øverst på den samme webside, så brugeren vil blive linket til det sted, når han klikkede på "Tilbage TIL TOPPEN".

---

12) Er der nogen måde at holde listeelementer lige i en HTML-fil?

Ved at bruge indrykning kan du holde listeelementerne ved lige. Hvis du indrykker hver sub-indlejret liste længere end den overordnede liste, der indeholder den, kan du med et øjeblik bestemme de forskellige lister og de elementer, den indeholder.

---

13) Hvis du ser en webadresse på et magasin, hvilken webside peger den så til?

Hver webside på nettet kan have en separat webadresse. De fleste af disse adresser er i forhold til den øverste webside. Den offentliggjorte webadresse, der vises i magasiner, peger typisk på denne øverste side. Fra denne side på øverste niveau kan du få adgang til alle andre sider på webstedet.

---

14) Hvad er brugen af ​​alternativ tekst i billedkortlægning?

Når du bruger billedkort, kan det nemt blive uoverskueligt og svært at afgøre, hvilke hotspots der svarer til hvilke links. Ved at bruge alternativ tekst kan du sætte en beskrivende tekst på hvert hotspot-link.

---

15) Fungerer ældre HTML-filer på nyere browsere?

Ja, ældre HTML-filer er kompatible med HTML-standarden. De fleste ældre filer fungerer på de nyere browsere, selvom nogle funktioner muligvis ikke virker.

---

16) Gælder et hyperlink kun for tekst?

Nej, hyperlinks kan bruges i teksten såvel som billeder. Det betyder, at du kan konvertere et billede til et link, der giver brugerne mulighed for at linke til en anden side, når der klikkes på dem. Omring billedet inden for ... tagkombinationerne.

---

17) Hvis brugerens operativsystem ikke understøtter det nødvendige tegn, hvordan kan symbolet så repræsenteres?

I tilfælde, hvor deres operativsystem ikke understøtter et bestemt tegn, er det stadig muligt at vise dette tegn ved at vise det som et billede i stedet for.

---

18) Hvordan ændrer man nummertypen i midten af ​​en liste?

De tag indeholder to attributter – type og værdi. Typeattributten kan bruges til at ændre nummereringstypen for ethvert listeelement. Værdiattributten kan ændre talindekset.

---

19) Hvad er style sheets?

Style sheets giver dig mulighed for at bygge ensartede, transportable og veldefinerede stilskabeloner. Disse skabeloner kan linkes til flere forskellige websider, hvilket gør det nemt at vedligeholde og ændre udseendet og fornemmelsen af ​​alle websiderne på webstedet.

---

20) Angiv punkttyper tilgængelige i HTML

Med ordnede lister kan du vælge at bruge nogle forskellige listetyper inklusive alfabetiske og romerske tal. Typeattributten for uordnede lister kan indstilles til disk, firkant eller cirkel.

---

21) Hvordan opretter du flerfarvet tekst på en webside?

For at oprette tekst med forskellige farver skal du bruge … tags for hvert tegn, du vil anvende farve. Du kan bruge denne tagkombination så mange gange som nødvendigt, omkring et enkelt tegn eller et helt ord.

---

22) Hvorfor er der både numeriske og navngivne karakterentitetsværdier?

De numeriske værdier er taget fra ASCII-værdierne for de forskellige tegn, men disse kan være svære at huske. På grund af dette blev navngivne karakterentitetsværdier oprettet for at gøre det nemmere for websidedesignere at bruge.

---

23) Skriv en HTML-tabel-tag-sekvens, der udsender følgende:
50 stk 100 500
10 stk 5 50

Svar:

<table> 
<tr> 
<td>50 pcs</td> 
<td>100</td> 
<td>500</td> 
</tr> 
<tr> 
<td>10 pcs</td> 
<td>5</td> 
<td>50</td> 
</tr> 
</table>

---

24) Hvad er fordelen ved at gruppere flere afkrydsningsfelter sammen?

Selvom afkrydsningsfelter ikke påvirker hinanden, hjælper gruppering af afkrydsningsfelter til at organisere dem. Afkrydsningsfeltknapper kan have deres navn og behøver ikke at tilhøre en gruppe. En enkelt webside kan have mange forskellige grupper af afkrydsningsfelter.

---

25) Hvad sker der, hvis du overlapper sæt tags?

Hvis to sæt HTML-tags overlappes, vil kun det første tag blive genkendt. Du vil finde dette problem, når teksten ikke vises korrekt på browserskærmen.

---

26) Hvad er applets?

Applets er små programmer, der kan indlejres på websider for at udføre en bestemt funktionalitet, såsom beregninger, animationer og informationsbehandling. Applets er skrevet ved hjælp af Java-sproget.

---

27) Hvad hvis der ikke er nogen tekst mellem tags, eller hvis en tekst blev udeladt ved en fejl? Vil det påvirke visningen af ​​HTML-filen?

Hvis der ikke er tekst mellem tags, så er der ikke noget at formatere. Derfor vises ingen formatering. Nogle tags, især tags uden et afsluttende tag som tag, kræver ikke nogen tekst mellem dem.

---

28) Er det muligt at indstille specifikke farver til bordkanter?

Du kan angive en kantfarve ved hjælp af typografiark, men farverne for en tabel, der ikke bruger typografiark, vil være de samme som tekstfarven.

---

29) Hvordan opretter du et link, der forbinder til en anden webside, når der klikkes på det?

For at oprette hyperlinks eller links, der forbinder til en anden webside, skal du bruge href-tagget. Det generelle format for dette er: tekst
Erstat "site" med den faktiske side-URL, der formodes at blive linket til, når der klikkes på teksten.

---

30) Hvilke andre måder kan bruges til at justere billeder og ombryde tekst?

Tabeller kan bruges til at placere tekst og billeder. En anden nyttig måde at ombryde tekst omkring et billede på er at bruge typografiark.

---

31) Kan et enkelt tekstlink pege på to forskellige websider?

Nej. Tagget kan kun acceptere en enkelt href-attribut, og det kan kun pege på en enkelt webside.

---

32) Hvad er forskellen mellem biblioteks- og menulisterne og den uordnede liste?

Den vigtigste forskel er, at mappen og menulisterne ikke indeholder attributter til at ændre punktstilen.

---

33) Kan du ændre farven på kugler?

Punktets farve er altid den samme som farven på det første tegn i listeelementet. Hvis du omgiver og det første tegn med et sæt tags med farveattributsæt, punktopstillingen og det første tegn vil have en anden farve end teksten.

---

34) Hvad er grænserne for tekstfeltets størrelse?

Standardstørrelsen for et tekstfelt er omkring 13 tegn. Men hvis du inkluderer størrelsesattributten, kan du indstille størrelsesværdien til at være så lav som 1. Den maksimale størrelsesværdi vil blive bestemt af browserens bredde. Hvis størrelsesattributten er sat til 0, indstilles størrelsen til standardstørrelsen på 13 tegn.

---

35) Gør skal tags altid komme i starten af ​​en række eller kolonne?

Enhver tag kan ændres til en tag. Dette forårsager teksten indeholdt i tag for at blive vist som fed i browseren. Skønt tags bruges hovedsageligt til overskrifter, de behøver ikke udelukkende at blive brugt til overskrifter.

---

36) Hvad er forholdet mellem grænse- og regelegenskaberne?

Standardcellekanter med en tykkelse på 1 pixel tilføjes automatisk mellem celler, hvis grænseattributten er indstillet til en værdi, der ikke er nul. Ligeledes, hvis grænseattributten ikke er inkluderet, vises en standard 1-pixel kant, hvis regelattributten føjes til tag.

---

37) Hvad er et telt?

En markeringsramme giver dig mulighed for at sætte en rulletekst på en webside. For at gøre dette skal du placere den tekst, du vil have vist, mens du ruller i og tags.

---

38) Hvordan opretter du tekst på en webside, der giver dig mulighed for at sende en e-mail, når du klikker på den?

For at ændre tekst til et klikbart link for at sende e-mail, skal du bruge mailto-kommandoen i href-tagget. Formatet er som følger:

<A HREF=”mailto:youremailaddress”>text to be clicked</A>

 

---

39) Er tags den eneste måde at adskille tekstsektioner?

Nej. Den tag er kun én måde at adskille tekstlinjer på. Andre tags, som tag og tag, også separate tekstsektioner.

---

40) Er der tilfælde, hvor teksten vises uden for browseren?

Som standard pakkes teksten, så den vises i browservinduet. Men hvis teksten er en del af en tabelcelle med en defineret bredde, kan teksten strække sig ud over browservinduet.

---

41) Hvordan adskiller aktive links sig fra normale links?

Standardfarven for normale og aktive links er blå. Nogle browsere genkender et aktivt link, når musemarkøren er placeret over det link; andre genkender aktive links, når linket har fokus. Dem, der ikke har en musemarkør over det link, betragtes som et normalt link.

---

42) Begrænser typografiark antallet af nye stildefinitioner, der kan inkluderes i parenteserne?

Typografiark begrænser ikke antallet af stildefinitioner, der kan inkluderes i parenteserne for en given vælger. Hver ny stildefinition skal dog adskilles fra de andre med et semikolon-symbol.

---

43) Kan jeg angive brøkvægtsværdier såsom 670 eller 973 for skrifttypevægt?

Implementering afhænger i høj grad af browseren, men standarden understøtter ikke fraktionelle vægtværdier. Acceptable værdier skal slutte med to nuller.

---

44) Hvad er det hierarki, der bliver fulgt, når det kommer til style sheets?

Hvis en enkelt vælger indeholder tre forskellige stildefinitioner, har den definition, der er tættest på det faktiske tag, forrang. Indbygget typografi har prioritet over indlejrede typografiark, som har prioritet over eksterne typografiark.

---

45) Kan flere vælgere med klassenavne grupperes sammen?

Du kan definere flere vælgere med den samme stildefinition ved at adskille dem med kommaer. Den samme teknik virker også for vælgere med klassenavne.

---

46) Hvad sker der, hvis du åbner den eksterne CSS fil i en browser?

Når du forsøger at åbne den eksterne CSS-fil i en browser, kan browseren ikke åbne filen, fordi filen har en anden udvidelse. Den eneste måde at bruge en ekstern CSS-fil på er at henvise til den ved hjælp af tag i et andet HTML-dokument.

---

47) Hvordan laver man et billede til et baggrundsbillede af en webside?

For at gøre dette skal du placere en tagkode efter tag som følger:

<body background = “image.gif”>

Erstat image.gif med navnet på din billedfil. Dette vil tage billedet og gøre det til baggrundsbilledet på din webside.

---

48) Hvad sker der, hvis egenskaben list-style-type bruges på et ikke-listeelement som et afsnit?

Hvis egenskaben listestil-type bruges på et ikke-listeelement som et afsnit, vil egenskaben blive ignoreret og påvirker ikke afsnittet.

---

49) Hvornår er det hensigtsmæssigt at bruge rammer?

Rammer kan gøre det meget nemmere at navigere på et websted. Hvis hovedlinkene til webstedet er placeret i en ramme, der vises øverst eller langs kanten af ​​browseren, kan indholdet for disse links vises i resten af ​​browservinduet.

---

50) Hvad sker der, hvis antallet af værdier i attributten rækker eller kolonner ikke er 100 procent?

Browseren størrelser rammerne i forhold til den samlede sum af værdierne. Hvis attributten cols er sat til 100 %, 200 % viser browseren to lodrette rammer, hvor den anden er dobbelt så stor som den første.

---

51) Hvilke browsere understøtter HTML5?

De nyeste versioner af Google Chrome, Apple Safari, Mozilla Firefox og Opera understøtter alle de fleste HTML5-funktioner.

---

52) Navngiv to nye tags inkluderet i HTML 5

og er nye tags, som er inkluderet i HTML5-versionen. De bruges hovedsageligt som erstatning for Flash, Silverlight og lignende teknologier til at afspille multimediegenstande.

---

53) Ved du, hvilke to semantiske tags der er inkluderet i HTML5-versionen?

De og tags er to nye tags, der er inkluderet i HTML5. Artikler kan være sammensat af flere sektioner, der kan have flere artikler. Et artikeltag repræsenterer en hel blok af indhold, som er en del af en større helhed.

---

54) Hvad er i HTML5?

Dette tag repræsenterer et stykke selvstændigt flowindhold. Det bruges for det meste som en enkelt enhed som reference til dokumentets hovedflow.

---

55) Hvad er brugen af ​​Canvas element?

Lærredselementet hjælper med at bygge diagrammer, grafer, bypass Photoshop at skabe 2D-billeder og placere dem direkte i HTML5-kode.

---

56) Hvad er de nye FORM-elementer, der er tilgængelige i HTML5?

De nye Form-elementer i HTML5 tilbyder meget bedre funktionalitet end de tidligere versioner.

De tags, der er givet til at udføre disse funktioner, er:

1) – Dette tag bruges til at angive en liste over muligheder for inputkontroller.

2) – Dette tag repræsenterer et nøglepar-generatorfelt.

3) – Det repræsenterer resultatet af enhver scriptberegning.

---

57) Fortæl mig to fordele ved HTML5 Web Storage

To hovedfordele ved HTML5 Web Storage:

• Den kan gemme op til 10 MB data, hvilket helt sikkert er mere end hvad cookies har.
• Weblagerdata kan ikke overføres med HTTP-anmodningen. Det hjælper med at øge applikationens ydeevne.

---

58) Hvad er to typer weblagring i HTML5?

To lagertyper af HTML5 er:

Sessionslagring: Det gemmer kun data for den aktuelle session. Det betyder, at de data, der er gemt i sessionslagring, slettes automatisk, når browseren lukkes.

Lokal opbevaring: Lokal lagring er en anden type HTML5 Web Storage. I lokal lagring slettes data ikke automatisk, når det aktuelle browservindue lukkes.

---

59) Hvad er Application Cache i HTML5, og hvorfor bruges den?

Application Cache-konceptet betyder, at en webapplikation er cachelagret. Det kan være tilgængeligt uden behov for internetforbindelse.

Nogle fordele ved Application Cache:

1. Offline browsing – Webbrugere kan også bruge applikationen, når de er offline.
2. Hastighed - Cachelagrede ressourcer indlæses hurtigere
3. Reducer serverbelastningen – Webbrowseren vil kun downloade opdaterede ressourcer fra serveren.

---

60) Forklar fem nye inputtyper leveret af HTML5 til formularer?

Følgende er de vigtige, nye datatyper, der tilbydes af HTML5:

1. Dato: Det giver brugeren mulighed for at vælge en dato.
2. datetime-lokal: Denne inputtype giver brugeren mulighed for at vælge en dato og tid uden tidszone.
3. dato og klokkeslæt: Denne inputtype giver brugeren mulighed for at vælge en dato og tid med tidszone.
4. måned: Det gør det muligt for brugeren at vælge en måned og et år
5. Email: Disse inputfelter plejede at indeholde en e-mail-adresse.

Disse interviewspørgsmål vil også hjælpe i din viva(orals). At bygge en lys karriere som UI / UX udvikler, skal kandidaterne knække interviewet, hvor de bliver bedt om forskellige HTML5-interviewspørgsmål.