Topp 60 HTML-intervjuspørsmål og -svar (2025)

Her er HTML-intervjuspørsmål og svar for ferskere så vel som erfarne kandidater for å få drømmejobben.

Gratis PDF-nedlasting: HTML-intervjuspørsmål

---

1) Hva er HTML?

HTML er forkortelse for HyperText Markup Language og er språket på World Wide Web. Det er standard tekstformateringsspråk som brukes til å lage og vise sider på nettet. HTML-dokumenter består av to ting: innholdet og kodene som formaterer det for riktig visning på sider.

---

2) Hva er tagger?

Innhold plasseres mellom HTML-tagger for å formatere det riktig. Den bruker mindre enn-symbolet (<) og større enn-symbolet (>). Et skråstreksymbol brukes også som en avsluttende kode. For eksempel:

<strong>sample</strong>

---

3) Kommer alle HTML-tagger i et par?

Nei, det er enkelt HTML-tagger som ikke trenger en avsluttende tag. Eksempler er tag og tagger.

---

4) Hva er noen av de vanlige listene som kan brukes når du designer en side?

Du kan sette inn hvilken som helst eller en kombinasjon av følgende listetyper:
– bestilt liste
– uordnet liste
– definisjonsliste
– menyliste
– katalogliste
Hver av disse listetypene bruker et annet tagsett for å komponere

---

5) Hvordan setter du inn en kommentar i HTML?

Kommentarer i HTML begynner med " ". For eksempel:

<!-- A SAMPLE COMMENT -->

---

6) Vises alle karakterenheter riktig på alle systemer?

Nei, det er noen karakterenheter som ikke kan vises når operativsystem som nettleseren kjører på støtter ikke tegnene. Når det skjer, vises disse tegnene som bokser.

---

7) Hva er et bildekart?

Bildekart lar deg koble til mange forskjellige nettsider ved hjelp av ett enkelt bilde. Du kan definere former i bilder som du vil gjøre en del av en bildekartlegging.

---

8) Hva er fordelen med å kollapse mellomrom?

Mellomrom er en tom sekvens av mellomromstegn, som behandles som et enkelt mellomrom i HTML. Fordi nettleseren skjuler flere mellomrom til ett enkelt mellomrom, kan du rykke inn tekstlinjer uten å bekymre deg for flere mellomrom. Dette lar deg organisere HTML-koden i et mye mer lesbart format.

---

9) Kan attributtverdier settes til hva som helst, eller er det spesifikke verdier de godtar?

Noen attributtverdier kan settes til kun forhåndsdefinerte verdier. Andre attributter kan godta alle numeriske verdier som representerer antall piksler for en størrelse.

---

10) Hvordan setter du inn et copyright-symbol på en nettleserside?

For å sette inn copyright-symbolet, må du skrive © eller & #169; i en HTML-fil.

---

11) Hvordan lager du linker til seksjoner på samme side?

Lenker kan opprettes ved hjelp av taggen, med referanser ved bruk av tallsymbolet (#). Du kan for eksempel ha én linje som TILBAKE TIL TOPPEN , noe som vil resultere i at ordene «TILBAKE TIL TOPPEN» vises på nettsiden og lenker til et bokmerke som heter øverst. Du oppretter deretter en egen tag-kommando som et sted på toppen av den samme nettsiden, slik at brukeren blir koblet til det stedet når han klikket på "TILBAKE TIL TOPPEN".

---

12) Er det noen måte å holde listeelementer rett i en HTML-fil?

Ved å bruke innrykk kan du holde listeelementene rette. Hvis du rykker inn hver underinnredet liste lenger enn den overordnede listen som inneholder den, kan du på et øyeblikk bestemme de forskjellige listene og elementene den inneholder.

---

13) Hvis du ser en nettadresse på et magasin, hvilken nettside peker den til?

Hver nettside på nettet kan ha en egen nettadresse. De fleste av disse adressene er i forhold til den øverste nettsiden. Den publiserte nettadressen som vises i magasiner peker vanligvis til denne øverste siden. Fra denne toppnivåsiden kan du få tilgang til alle andre sider på nettstedet.

---

14) Hva er bruken av alternativ tekst i bildekartlegging?

Når du bruker bildekart kan det lett bli uoversiktlig og vanskelig å finne ut hvilke hotspots som tilsvarer hvilke lenker. Ved å bruke alternativ tekst kan du sette en beskrivende tekst på hver hotspot-lenke.

---

15) Fungerer eldre HTML-filer på nyere nettlesere?

Ja, eldre HTML-filer er kompatible med HTML-standarden. De fleste eldre filer fungerer på nyere nettlesere, selv om noen funksjoner kanskje ikke fungerer.

---

16) Gjelder en hyperkobling kun tekst?

Nei, hyperkoblinger kan brukes i teksten så vel som bilder. Det betyr at du kan konvertere et bilde til en lenke som lar brukere koble til en annen side når de klikkes. Omring bildet innenfor … tagkombinasjonene.

---

17) Hvis brukerens operativsystem ikke støtter det nødvendige tegnet, hvordan kan symbolet representeres?

I tilfeller der operativsystemet deres ikke støtter et bestemt tegn, er det fortsatt mulig å vise det tegnet ved å vise det som et bilde i stedet.

---

18) Hvordan endrer du nummertypen midt på en liste?

De taggen inneholder to attributter – type og verdi. Typeattributtet kan brukes til å endre nummereringstypen for ethvert listeelement. Verdiattributtet kan endre tallindeksen.

---

19) Hva er stilark?

Stilark lar deg bygge konsistente, transportable og veldefinerte stilmaler. Disse malene kan kobles til flere forskjellige nettsider, noe som gjør det enkelt å vedlikeholde og endre utseendet på alle nettsidene på nettstedet.

---

20) Oppgi kuletyper tilgjengelig i HTML

Med ordnede lister kan du velge å bruke noen forskjellige listetyper, inkludert alfabetiske og romertall. Typeattributtet for uordnede lister kan settes til plate, firkant eller sirkel.

---

21) Hvordan lager du flerfarget tekst på en nettside?

For å lage tekst med forskjellige farger, bruk ...- taggene for hvert tegn du vil bruke farge. Du kan bruke denne tagkombinasjonen så mange ganger som nødvendig, rundt et enkelt tegn eller et helt ord.

---

22) Hvorfor er det både numeriske og navngitte karakterenhetsverdier?

De numeriske verdiene er hentet fra ASCII-verdiene for de ulike karakterene, men disse kan være vanskelige å huske. På grunn av dette ble navngitte karakterenhetsverdier opprettet for å gjøre det enklere for nettsidedesignere å bruke.

---

23) Skriv en HTML-tabell-tag-sekvens som gir ut 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) Hva er fordelen med å gruppere flere avmerkingsbokser sammen?

Selv om avmerkingsbokser ikke påvirker hverandre, hjelper gruppering av avmerkingsbokser til å organisere dem. Avmerkingsboksknapper kan ha navnet sitt og trenger ikke tilhøre en gruppe. En enkelt nettside kan ha mange forskjellige grupper av avmerkingsbokser.

---

25) Hva vil skje hvis du overlapper sett med tagger?

Hvis to sett med HTML-tagger overlappes, vil bare den første taggen bli gjenkjent. Du vil finne dette problemet når teksten ikke vises riktig på nettleserskjermen.

---

26) Hva er applets?

Applets er små programmer som kan bygges inn på nettsider for å utføre noen spesifikke funksjoner, for eksempel beregninger, animasjoner og informasjonsbehandling. Appletter er skrevet med Java-språket.

---

27) Hva om det ikke er tekst mellom kodene eller hvis en tekst ble utelatt ved en feiltakelse? Vil det påvirke visningen av HTML-filen?

Hvis det ikke er tekst mellom taggene, er det ingenting å formatere. Derfor vises ingen formatering. Noen tagger, spesielt tagger uten en avsluttende tag som tag, krever ingen tekst mellom dem.

---

28) Er det mulig å angi spesifikke farger for bordkanter?

Du kan angi en kantfarge ved å bruke stilark, men fargene for en tabell som ikke bruker stilark vil være de samme som tekstfargen.

---

29) Hvordan lager du en lenke som kobles til en annen nettside når du klikker på den?

For å lage hyperkoblinger, eller koblinger som kobles til en annen nettside, bruk href-taggen. Det generelle formatet for dette er: tekst
Erstatt "nettsted" med den faktiske nettadressen til siden som skal kobles til når teksten klikkes.

---

30) Hvilke andre måter kan brukes for å justere bilder og bryte tekst?

Tabeller kan brukes til å plassere tekst og bilder. En annen nyttig måte å vikle tekst rundt et bilde på er å bruke stilark.

---

31) Kan en enkelt tekstlenke peke til to forskjellige nettsider?

Nei. Taggen kan bare godta et enkelt href-attributt, og det kan kun peke til en enkelt nettside.

---

32) Hva er forskjellen mellom katalog- og menylistene og den uordnede listen?

Hovedforskjellen er at katalogen og menylistene ikke inkluderer attributter for å endre kulestilen.

---

33) Kan du endre fargen på kuler?

Kulefargen er alltid den samme som for det første tegnet i listeelementet. Hvis du omgir og det første tegnet med et sett med tagger med fargeattributtet satt, kulefargen og det første tegnet vil ha en annen farge enn teksten.

---

34) Hva er grensene for størrelsen på tekstfeltet?

Standardstørrelsen for et tekstfelt er rundt 13 tegn. Men hvis du inkluderer størrelsesattributtet, kan du sette størrelsesverdien til å være så lav som 1. Maksimal størrelsesverdi bestemmes av nettleserens bredde. Hvis størrelsesattributtet er satt til 0, vil størrelsen bli satt til standardstørrelsen på 13 tegn.

---

35) Gjør må taggene alltid komme i starten av en rad eller kolonne?

Noen tag kan endres til en tag. Dette forårsaker teksten i taggen skal vises som fet skrift i nettleseren. Skjønt koder brukes hovedsakelig for overskrifter, de trenger ikke utelukkende brukes til overskrifter.

---

36) Hva er forholdet mellom grense- og regelattributtene?

Standard cellekanter, med en tykkelse på 1 piksel, legges automatisk til mellom celler hvis kantattributtet er satt til en verdi som ikke er null. På samme måte, hvis grenseattributtet ikke er inkludert, vises en standard 1-piksel kant hvis regelattributtet legges til tag.

---

37) Hva er et telt?

En markeringsramme lar deg sette en rulletekst på en nettside. For å gjøre dette, plasser teksten du vil skal vises mens du ruller i og tagger.

---

38) Hvordan lager du tekst på en nettside som lar deg sende en e-post når du klikker?

For å endre tekst til en klikkbar lenke for å sende e-post, bruk mailto-kommandoen i href-taggen. Formatet er som følger:

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

 

---

39) Er tagger den eneste måten å skille deler av teksten?

Nei. Den taggen er bare én måte å skille tekstlinjer. Andre tagger, som tag og tag, også separate deler av teksten.

---

40) Er det tilfeller der teksten vises utenfor nettleseren?

Som standard pakkes teksten for å vises i nettleservinduet. Men hvis teksten er en del av en tabellcelle med en definert bredde, kan teksten strekke seg utover nettleservinduet.

---

41) Hvordan er aktive linker forskjellig fra vanlige linker?

Standardfargen for normale og aktive lenker er blå. Noen nettlesere gjenkjenner en aktiv lenke når musepekeren er plassert over lenken; andre gjenkjenner aktive lenker når lenken har fokus. De som ikke har en musepeker over den lenken regnes som en normal lenke.

---

42) Begrenser stilark antallet nye stildefinisjoner som kan inkluderes i parentesene?

Stilark begrenser ikke antallet stildefinisjoner som kan inkluderes i parentesene for en gitt velger. Hver ny stildefinisjon må imidlertid skilles fra de andre med et semikolon-symbol.

---

43) Kan jeg spesifisere brøkvektverdier som 670 eller 973 for skriftvekt?

Implementering avhenger i stor grad av nettleseren, men standarden støtter ikke brøkvektsverdier. Akseptable verdier må slutte med to nuller.

---

44) Hva er hierarkiet som følges når det gjelder stilark?

Hvis en enkelt velger inkluderer tre forskjellige stildefinisjoner, har definisjonen som er nærmest den faktiske taggen forrang. Innebygd stil prioriteres over innebygde stilark, som prioriteres over eksterne stilark.

---

45) Kan flere velgere med klassenavn grupperes sammen?

Du kan definere flere velgere med samme stildefinisjon ved å skille dem med kommaer. Den samme teknikken fungerer også for velgere med klassenavn.

---

46) Hva skjer hvis du åpner den eksterne CSS fil i en nettleser?

Når du prøver å åpne den eksterne CSS-filen i en nettleser, kan ikke nettleseren åpne filen, fordi filen har en annen utvidelse. Den eneste måten å bruke en ekstern CSS-fil på er å referere til den ved hjelp av tag i et annet HTML-dokument.

---

47) Hvordan gjør du et bilde til et bakgrunnsbilde av en nettside?

For å gjøre dette, plasser en merkekode etter tag som følger:

<body background = “image.gif”>

Erstatt image.gif med navnet på bildefilen. Dette vil ta bildet og gjøre det til bakgrunnsbildet på nettsiden din.

---

48) Hva skjer hvis egenskapen listestil-type brukes på et ikke-listeelement som et avsnitt?

Hvis egenskapen listestil-type brukes på et ikke-listeelement som et avsnitt, vil egenskapen bli ignorert og påvirker ikke avsnittet.

---

49) Når er det hensiktsmessig å bruke rammer?

Rammer kan gjøre det mye enklere å navigere på et nettsted. Hvis hovedlenkene til nettstedet er plassert i en ramme som vises øverst eller langs kanten av nettleseren, kan innholdet for disse koblingene vises i resten av nettleservinduet.

---

50) Hva skjer hvis antall verdier i attributtet rader eller kolonner ikke summerer seg til 100 prosent?

Nettleseren størrelser rammene i forhold til den totale summen av verdiene. Hvis cols-attributtet er satt til 100 %, 200 %, viser nettleseren to vertikale rammer, mens den andre er dobbelt så stor som den første.

---

51) Hvilke nettlesere støtter HTML5?

De nyeste versjonene av Google Chrome, Apple Safari, Mozilla Firefox og Opera støtter alle de fleste HTML5-funksjonene.

---

52) Nevn to nye tagger inkludert i HTML 5

og er nye tagger som er inkludert i HTML5-versjonen. De brukes hovedsakelig som erstatning for Flash, Silverlight og lignende teknologier for å spille av multimedieelementer.

---

53) Vet du hvilke to semantiske tagger som er inkludert i HTML5-versjonen?

De og tagger er to nye tagger som er inkludert i HTML5. Artikler kan være sammensatt av flere seksjoner som kan ha flere artikler. En artikkelkode representerer en hel blokk med innhold som er en del av en større helhet.

---

54) Hva er i HTML5?

Denne taggen representerer et stykke selvstendig flytinnhold. Den brukes for det meste som en enkelt enhet som referanse til hovedflyten til dokumentet.

---

55) Hva er bruken av Canvas-elementet?

Lerretselementet hjelper til med å bygge diagrammer, grafer, bypass Photoshop å lage 2D-bilder og plassere dem direkte i HTML5-kode.

---

56) Hva er de nye FORM-elementene som er tilgjengelige i HTML5?

De nye Form-elementene i HTML5 tilbyr mye bedre funksjonalitet enn de tidligere versjonene.

Taggene gitt for å utføre disse funksjonene er:

1) – Denne taggen brukes til å spesifisere en liste over alternativer for inndatakontroller.

2) – Denne taggen representerer et nøkkelpar-generatorfelt.

3) – Det representerer resultatet av enhver skriptberegning.

---

57) Fortell meg to fordeler med HTML5 Web Storage

To hovedfordeler med HTML5 Web Storage:

• Den kan lagre opptil 10 MB data som absolutt er mer enn hva informasjonskapsler har.
• Nettlagringsdata kan ikke overføres med HTTP-forespørselen. Det bidrar til å øke ytelsen til applikasjonen.

---

58) Hva er to typer nettlagring i HTML5?

To lagringstyper av HTML5 er:

Øktlagring: Den lagrer kun data for gjeldende økt. Det betyr at dataene som er lagret i øktlagring slettes automatisk når nettleseren lukkes.

Lokal lagring: Lokal lagring er en annen type HTML5 Web Storage. I lokal lagring slettes ikke data automatisk når gjeldende nettleservindu lukkes.

---

59) Hva er applikasjonsbufferen i HTML5 og hvorfor brukes den?

Applikasjonsbufferkonseptet betyr at en nettapplikasjon bufres. Den kan være tilgjengelig uten behov for internettforbindelse.

Noen fordeler med Application Cache:

1. Frakoblet surfing – Nettbrukere kan også bruke applikasjonen når de er frakoblet.
2. Hastighet - Bufrede ressurser lastes inn raskere
3. Reduser serverbelastningen – Nettleseren vil kun laste ned oppdaterte ressurser fra serveren.

---

60) Forklar fem nye inndatatyper levert av HTML5 for skjemaer?

Følgende er de viktige, nye datatypene som tilbys av HTML5:

1. Dato: Den lar brukeren velge en dato.
2. datetime-lokal: Denne inndatatypen lar brukeren velge en dato og tid uten tidssone.
3. dato klokkeslett: Denne inndatatypen lar brukeren velge en dato og tid med tidssone.
4. måned: Den lar brukeren velge måned og år
5. e-post: Disse inndatafeltene pleide å inneholde en e-postadresse.

Disse intervjuspørsmålene vil også hjelpe i din viva(orals). Å bygge en lys karriere som UI / UX utvikler, må kandidatene knekke intervjuet der de blir bedt om ulike HTML5-intervjuspørsmål.