Top 60 HTML-interviewvragen en antwoorden (2024)

Hier zijn HTML-interviewvragen en antwoorden voor zowel eerstejaars als ervaren kandidaten om hun droombaan te krijgen.

Gratis pdf-download: HTML-interviewvragen


1) Wat is HTML?

HTML is de afkorting van HyperText Markup Language en is de taal van het World Wide Web. Het is de standaardtekstopmaaktaal die wordt gebruikt voor het maken en weergeven van pagina's op internet. HTML-documenten bestaan ​​uit twee dingen: de inhoud en de tags die deze opmaken voor een juiste weergave op pagina's.


2) Wat zijn tags?

Inhoud wordt tussen HTML-tags geplaatst om deze op de juiste manier op te maken. Het maakt gebruik van het kleiner dan-symbool (<) en het groter dan-symbool (>). Een slash-symbool wordt ook gebruikt als afsluitende tag. Bijvoorbeeld:

<strong>sample</strong>

3) Komen alle HTML-tags in een paar?

Nee, er zijn enkele HTML-tags die geen afsluitende tag nodig hebben. Voorbeelden zijn de label en labels.


4) Wat zijn enkele veelgebruikte lijsten die kunnen worden gebruikt bij het ontwerpen van een pagina?

U kunt een of een combinatie van de volgende lijsttypen invoegen:
- bestelde lijst
- ongeordende lijst
– definitielijst
– menulijst
– directorylijst
Elk van deze lijsttypen maakt gebruik van een andere tagset om samen te stellen


5) Hoe voeg je een commentaar in HTML in?

Opmerkingen in HTML beginnen met “ ”. Bijvoorbeeld:

<!-- A SAMPLE COMMENT -->
HTML-interviewvragen

6) Worden alle karakterentiteiten correct weergegeven op alle systemen?

Nee, er zijn enkele karakterentiteiten die niet kunnen worden weergegeven wanneer de besturingssysteem waarop de browser draait, ondersteunt de tekens niet. Wanneer dat gebeurt, worden deze tekens weergegeven als vakken.


7) Wat is een imagemap?

Met Image Map kunt u met één afbeelding naar veel verschillende webpagina's linken. U kunt vormen in afbeeldingen definiëren die u onderdeel wilt maken van een image mapping.


8) Wat is het voordeel van instortende witruimte?

Witte spaties zijn een lege reeks spatietekens, die in HTML als één spatieteken wordt behandeld. Omdat de browser meerdere spaties samenvouwt tot één spatie, kunt u tekstregels laten inspringen zonder dat u zich zorgen hoeft te maken over meerdere spaties. Hierdoor kunt u de HTML-code in een veel leesbaarder formaat ordenen.

HTML5 interviewvragen
HTML5 interviewvragen

9) Kunnen attribuutwaarden ergens op worden ingesteld of zijn er specifieke waarden die ze accepteren?

Sommige attribuutwaarden kunnen alleen op vooraf gedefinieerde waarden worden ingesteld. Andere attributen kunnen elke numerieke waarde accepteren die het aantal pixels voor een formaat vertegenwoordigt.


10) Hoe plaats je een copyright-symbool op een browserpagina?

Om het copyright-symbool in te voegen, typt u © of & #169; in een HTML-bestand.


11) Hoe maak je links naar secties binnen dezelfde pagina?

Er kunnen koppelingen worden gemaakt met behulp van de tag, waarbij wordt verwezen door het gebruik van het cijfer (#)-symbool. U kunt bijvoorbeeld één regel gebruiken als BACK TO TOP , wat ertoe zou leiden dat de woorden “BACK TO TOP” op de webpagina verschijnen en links naar een bladwijzer met de naam top. Vervolgens maakt u een apart tagcommando, bijvoorbeeld ergens bovenaan dezelfde webpagina, zodat de gebruiker naar die plek wordt gelinkt wanneer hij op “TERUG NAAR BOVEN” klikt.


12) Is er een manier om lijstelementen recht te houden in een HTML-bestand?

Door inspringingen te gebruiken, kunt u de lijstelementen recht houden. Als u elke subgeneste lijst verder laat inspringen dan de bovenliggende lijst die de lijst bevat, kunt u in één oogopslag zien welke verschillende lijsten er zijn en welke elementen deze bevatten.


13) Als u een webadres in een tijdschrift ziet, naar welke webpagina verwijst dit dan?

Elke webpagina op internet kan een afzonderlijk webadres hebben. De meeste van deze adressen zijn relatief ten opzichte van de bovenste webpagina. Het gepubliceerde webadres dat in tijdschriften wordt weergegeven, verwijst doorgaans naar deze bovenste pagina. Vanaf deze hoofdpagina heeft u toegang tot alle andere pagina's binnen de website.


14) Wat is het gebruik van alternatieve tekst bij image mapping?

Wanneer u image maps gebruikt, kan het gemakkelijk verwarrend en moeilijk worden om te bepalen welke hotspots bij welke links horen. Met behulp van alternatieve tekst kunt u op elke hotspotlink een beschrijvende tekst plaatsen.


15) Werken oudere HTML-bestanden in nieuwere browsers?

Ja, oudere HTML-bestanden voldoen aan de HTML-standaard. De meeste oudere bestanden werken in de nieuwere browsers, hoewel sommige functies mogelijk niet werken.


16) Geldt een hyperlink alleen voor tekst?

Nee, hyperlinks kunnen zowel in de tekst als in afbeeldingen worden gebruikt. Dat betekent dat u een afbeelding kunt omzetten in een link waarmee gebruikers naar een andere pagina kunnen linken wanneer erop wordt geklikt. Omring de afbeelding binnen de … tagcombinaties.


17) Als het besturingssysteem van de gebruiker het benodigde teken niet ondersteunt, hoe kan het symbool dan worden weergegeven?

In gevallen waarin hun besturingssysteem een ​​bepaald teken niet ondersteunt, is het nog steeds mogelijk om dat teken weer te geven door het in plaats daarvan als afbeelding weer te geven.


18) Hoe verander je het nummertype in het midden van een lijst?

De tag bevat twee attributen: type en waarde. Het type attribuut kan worden gebruikt om het nummeringstype voor elk lijstitem te wijzigen. Het waardeattribuut kan de nummerindex wijzigen.


19) Wat zijn stijlbladen?

Met stijlbladen kunt u consistente, transporteerbare en goed gedefinieerde stijlsjablonen bouwen. Deze sjablonen kunnen aan verschillende webpagina's worden gekoppeld, waardoor het eenvoudig is om het uiterlijk van alle webpagina's binnen de site te onderhouden en te wijzigen.


20) Opsommingstekentypen beschikbaar in HTML

Bij geordende lijsten kunt u ervoor kiezen verschillende lijsttypen te gebruiken, waaronder alfabetische en Romeinse cijfers. Het typekenmerk voor ongeordende lijsten kan worden ingesteld op schijf, vierkant of cirkel.


21) Hoe creëer je veelkleurige tekst op een webpagina?

Als u tekst met verschillende kleuren wilt maken, gebruikt u de … -tags voor elk teken waarop u kleur wilt toepassen. U kunt deze tagcombinatie zo vaak gebruiken als nodig is, rond een enkel teken of een heel woord.


22) Waarom zijn er zowel numerieke als benoemde karakterentiteitswaarden?

De numerieke waarden zijn ontleend aan de ASCII-waarden voor de verschillende tekens, maar deze kunnen moeilijk te onthouden zijn. Daarom zijn benoemde karakterentiteitswaarden gemaakt om het gebruik ervan voor webpagina-ontwerpers gemakkelijker te maken.


23) Schrijf een HTML-tabeltagreeks die het volgende oplevert:
50 stuks 100 500
10 stuks 5 50

Antwoord:

<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) Wat is het voordeel van het groeperen van meerdere selectievakjes?

Hoewel selectievakjes elkaar niet beïnvloeden, helpt het groeperen van selectievakjes om ze te ordenen. Selectievakjesknoppen kunnen een naam hebben en hoeven niet tot een groep te behoren. Een enkele webpagina kan veel verschillende groepen selectievakjes hebben.


25) Wat gebeurt er als je sets tags overlapt?

Als twee sets HTML-tags elkaar overlappen, wordt alleen de eerste tag herkend. U zult dit probleem tegenkomen wanneer de tekst niet correct wordt weergegeven op het browserscherm.


26) Wat zijn applets?

Applets zijn kleine programma's die in webpagina's kunnen worden ingebed om bepaalde specifieke functionaliteiten uit te voeren, zoals berekeningen, animaties en informatieverwerking. Applets zijn geschreven met behulp van de Java-taal.


27) Wat als er geen tekst tussen de tags staat of als er per ongeluk een tekst is weggelaten? Heeft dit invloed op de weergave van het HTML-bestand?

Als er geen tekst tussen de tags staat, valt er niets te formatteren. Daarom zal er geen opmaak verschijnen. Sommige tags, vooral tags zonder afsluitende tag zoals de tag, er hoeft geen tekst tussen te staan.


28) Is het mogelijk om specifieke kleuren voor tafelranden in te stellen?

U kunt een randkleur opgeven met behulp van stijlbladen, maar de kleuren voor een tabel die geen stijlbladen gebruikt, zullen dezelfde zijn als de tekstkleur.


29) Hoe maak je een link die verbinding maakt met een andere webpagina wanneer erop wordt geklikt?

Om hyperlinks te maken, of links die verbinding maken met een andere webpagina, gebruikt u de href-tag. Het algemene formaat hiervoor is: tekst
Vervang 'site' door de daadwerkelijke pagina-URL waarnaar moet worden gelinkt wanneer op de tekst wordt geklikt.


30) Welke andere manieren kunnen worden gebruikt om afbeeldingen uit te lijnen en tekst om te laten lopen?

Tabellen kunnen worden gebruikt om tekst en afbeeldingen te positioneren. Een andere handige manier om tekst rond een afbeelding te laten lopen, is door stijlbladen te gebruiken.


31) Kan een enkele tekstlink naar twee verschillende webpagina's verwijzen?

Nee. De tag kan slechts één href-attribuut accepteren en kan naar slechts één webpagina verwijzen.


32) Wat is het verschil tussen de directory- en menulijsten en de ongeordende lijst?

Het belangrijkste verschil is dat de directory- en menulijsten geen attributen bevatten voor het wijzigen van de opsommingstekenstijl.


33) Kun je de kleur van kogels veranderen?

De kleur van het opsommingsteken is altijd dezelfde als die van het eerste teken in het lijstitem. Als je de en het eerste teken met een set tags met het kleurkenmerk ingesteld, de kleur van het opsommingsteken, en het eerste teken zal een andere kleur hebben dan de tekst.


34) Wat zijn de grenzen van de tekstveldgrootte?

De standaardgrootte voor een tekstveld is ongeveer 13 tekens. Als u echter het size-attribuut opneemt, kunt u de size-waarde zo laag als 1 instellen. De maximale size-waarde wordt bepaald door de browserbreedte. Als het kenmerk size is ingesteld op 0, wordt de grootte ingesteld op de standaardgrootte van 13 tekens.


35) Doen tags moeten altijd aan het begin van een rij of kolom staan?

Elk tag kan worden gewijzigd in een label. Dit zorgt ervoor dat de tekst in de tag die vetgedrukt moet worden weergegeven in de browser. Hoewel tags worden voornamelijk gebruikt voor koppen, ze hoeven niet uitsluitend voor koppen te worden gebruikt.


36) Wat is de relatie tussen de grens- en regelattributen?

Standaard celranden, met een dikte van 1 pixel, worden automatisch tussen cellen toegevoegd als het randkenmerk is ingesteld op een waarde die niet nul is. Op dezelfde manier wordt, als het border-attribuut niet is opgenomen, een standaardrand van 1 pixel weergegeven als het regels-attribuut wordt toegevoegd aan de label.


37) Wat is een feesttent?

Met een selectiekader kunt u een scrollende tekst op een webpagina plaatsen. Om dit te doen, plaatst u de tekst die u wilt laten verschijnen in het En labels.


38) Hoe creëer je tekst op een webpagina waarmee je een e-mail kunt sturen wanneer erop wordt geklikt?

Om tekst te veranderen in een klikbare link om e-mail te verzenden, gebruikt u de opdracht mailto binnen de href-tag. Het formaat is als volgt:

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

 


39) Zijn Tags de enige manier om tekstgedeelten van elkaar te scheiden?

Nee. De tag is slechts één manier om tekstregels van elkaar te scheiden. Andere tags, zoals de label en tag, ook afzonderlijke tekstgedeelten.


40) Zijn er gevallen waarin de tekst buiten de browser verschijnt?

Standaard wordt de tekst ingepakt zodat deze in het browservenster verschijnt. Als de tekst echter deel uitmaakt van een tabelcel met een gedefinieerde breedte, kan de tekst buiten het browservenster uitsteken.


41) Waarin verschillen actieve links van normale links?

De standaardkleur voor normale en actieve links is blauw. Sommige browsers herkennen een actieve link wanneer de muiscursor over die link wordt geplaatst; anderen herkennen actieve links wanneer de link de focus heeft. Degenen die geen muiscursor over die link hebben, worden als een normale link beschouwd.


42) Beperken stijlbladen het aantal nieuwe stijldefinities dat tussen haakjes kan worden opgenomen?

Stijlbladen beperken niet het aantal stijldefinities dat binnen de haakjes voor een bepaalde selector kan worden opgenomen. Elke nieuwe stijldefinitie moet echter van de andere worden gescheiden door een puntkomma.


43) Kan ik fractionele gewichtswaarden opgeven, zoals 670 of 973 voor de lettergrootte?

De implementatie hangt grotendeels af van de browser, maar de standaard ondersteunt geen fractionele gewichtswaarden. Acceptabele waarden moeten eindigen met twee nullen.


44) Wat is de hiërarchie die wordt gevolgd als het gaat om stylesheets?

Als een enkele selector drie verschillende stijldefinities bevat, krijgt de definitie die het dichtst bij de daadwerkelijke tag ligt voorrang. Inline stijl heeft voorrang op ingebedde stijlbladen, die voorrang heeft op externe stijlbladen.


45) Kunnen meerdere selectors met klassenamen worden gegroepeerd?

U kunt meerdere selectors definiëren met dezelfde stijldefinitie door ze te scheiden met komma's. Dezelfde techniek werkt ook voor selectors met klassenamen.


46) Wat gebeurt er als je de buitenkant opent CSS bestand in een browser?

Wanneer u het externe CSS-bestand in een browser probeert te openen, kan de browser het bestand niet openen, omdat het bestand een andere extensie heeft. De enige manier om een ​​extern CSS-bestand te gebruiken is door ernaar te verwijzen met behulp van tag binnen een ander HTML-document.


47) Hoe maak je van een afbeelding een achtergrondafbeelding van een webpagina?

Om dit te doen, plaatst u een tagcode achter de als volgt labelen:

<body background = “image.gif”>

Vervang image.gif door de naam van uw afbeeldingsbestand. Hiermee wordt de foto genomen en wordt deze de achtergrondafbeelding van uw webpagina.


48) Wat gebeurt er als de eigenschap list-style-type wordt gebruikt op een niet-lijstelement zoals een alinea?

Als de eigenschap list-style-type wordt gebruikt voor een niet-lijstelement zoals een alinea, wordt de eigenschap genegeerd en heeft deze geen invloed op de alinea.


49) Wanneer is het gepast om frames te gebruiken?

Frames kunnen het navigeren op een site veel eenvoudiger maken. Als de belangrijkste links naar de site zich in een frame bevinden dat bovenaan of langs de rand van de browser verschijnt, kan de inhoud van die links in de rest van het browservenster worden weergegeven.


50) Wat gebeurt er als het aantal waarden in het kenmerk rows of cols niet opgeteld 100 procent bedraagt?

De browser past de frames aan in verhouding tot de totale som van de waarden. Als het cols-attribuut is ingesteld op 100%, 200%, geeft de browser twee verticale frames weer, waarbij de tweede twee keer zo groot is als de eerste.


51) Welke browsers ondersteunen HTML5?

De nieuwste versies van Google Chrome, Apple Safari, Mozilla Firefox en Opera ondersteunen allemaal de meeste HTML5-functies.


52) Noem twee nieuwe tags die zijn opgenomen in HTML 5

En zijn nieuwe tags die zijn opgenomen in de HTML5-versie. Ze worden voornamelijk gebruikt als vervanging voor Flash, Silverlight en soortgelijke technologieën om multimedia-items af te spelen.


53) Weet u welke twee semantische tags zijn opgenomen in de HTML5-versie?

De En tags zijn twee nieuwe tags die zijn opgenomen in HTML5. Artikelen kunnen uit meerdere secties bestaan ​​die meerdere artikelen kunnen bevatten. Een artikeltag vertegenwoordigt een volledig inhoudsblok dat een onderdeel is van een groter geheel.


54) Wat is in HTML5?

Deze tag vertegenwoordigt een stukje op zichzelf staande stroominhoud. Het wordt meestal gebruikt als een enkele eenheid als referentie voor de hoofdstroom van het document.


55) Wat is het gebruik van het Canvas-element?

Het canvaselement helpt bij het maken van diagrammen, grafieken en omzeilen Photoshop om 2D-afbeeldingen te maken en deze rechtstreeks in HTML5-code te plaatsen.


56) Wat zijn de nieuwe FORM-elementen die beschikbaar zijn in HTML5?

De nieuwe Formulierelementen in HTML5 bieden veel betere functionaliteit dan de eerdere versies.

De gegeven tags om deze functies uit te voeren zijn:

1) – Deze tag wordt gebruikt om een ​​lijst met opties voor invoerbesturingselementen op te geven.

2) – Deze tag vertegenwoordigt een sleutelpaargeneratorveld.

3) – Het vertegenwoordigt het resultaat van elke scriptberekening.


57) Vertel me twee voordelen van HTML5-webopslag

Twee belangrijke voordelen van HTML5-webopslag:

  • Het kan maximaal 10 MB gegevens opslaan, wat zeker meer is dan wat cookies hebben.
  • Webopslaggegevens kunnen niet worden overgedragen met het HTTP-verzoek. Het helpt om de prestaties van de applicatie te verbeteren.

58) Wat zijn twee soorten webopslag in HTML5?

Twee opslagtypen van HTML5 zijn:

Sessieopslag: Er worden alleen gegevens van de huidige sessie opgeslagen. Dit betekent dat de gegevens die zijn opgeslagen in de sessieopslag automatisch worden gewist wanneer de browser wordt gesloten.

Lokale opslag: Lokale opslag is een ander type HTML5-webopslag. Bij lokale opslag worden gegevens niet automatisch verwijderd wanneer het huidige browservenster wordt gesloten.


59) Wat is de applicatiecache in HTML5 en waarom wordt deze gebruikt?

Het Application Cache-concept houdt in dat een webapplicatie in de cache wordt opgeslagen. Het kan toegankelijk zijn zonder dat er een internetverbinding nodig is.

Enkele voordelen van Applicatiecache:

  1. Offline browsen – Webgebruikers kunnen de applicatie ook offline gebruiken.
  2. Snelheid - In de cache opgeslagen bronnen worden sneller geladen
  3. Verminder de serverbelasting – De webbrowser downloadt alleen bijgewerkte bronnen van de server.

60) Leg de vijf nieuwe invoertypen uit die HTML5 voor formulieren biedt?

Hieronder volgen de belangrijke, nieuwe gegevenstypen die door HTML5 worden aangeboden:

  1. Datum: Hiermee kan de gebruiker een datum selecteren.
  2. datetime-lokaal: Met dit invoertype kan de gebruiker een datum en tijd zonder tijdzone selecteren.
  3. datum Tijd: Met dit invoertype kan de gebruiker een datum en tijd met tijdzone selecteren.
  4. maand: Hiermee kan de gebruiker een maand en een jaar selecteren
  5. e-mail: Vroeger bevatten deze invoervelden een e-mailadres.


Deze interviewvragen zullen ook helpen bij uw viva (mondeling). Om een ​​mooie carrière op te bouwen als UI / UX ontwikkelaar moeten kandidaten het interview kraken waarin hen om verschillende HTML5-interviewvragen wordt gevraagd.

Delen

30 reacties

  1. avatar Adabala VayuCkumar zegt:

    Geachte heer,
    ik wil meer weten over het tekstvak in HTML-code
    hoe u de ingevoerde zelfnummers in het tekstvak kunt tellen. ik bedoel.. ik voer 1234 in het tekstvak in. ik wil resultaat 1+2+3+4 =10. hoe gaat het. geef daar alstublieft een code voor

    1. avatar Mandar Andhari zegt:

      daarvoor moet je javascript gebruiken... de invoerreeks die je hebt gebruikt, bijvoorbeeld 1234, je moet deze splitsen en dan moet je de optelling van die getallen uitvoeren...

  2. avatar sushimitha zegt:

    zeer nuttige tutorial….uitstekend…vond het leuk!!

  3. avatar Ant Navis zegt:

    Bedankt, het is voor mij heel nuttig om het interview bij te wonen.

  4. avatar karunakavya zegt:

    Uitstekend...zeer nuttig voor mij...html-quiz......

  5. avatar Vijaypal Singh Rawat zegt:

    geweldige leerinhoud,
    Veel dank

  6. avatar Willem asjet zegt:

    10q je creëert een nieuwe generatie met volledige kennis van html

  7. avatar SEO-service zegt:

    Ik ben echt blij met je blog, omdat je artikel zeer exclusief en effectief is voor nieuwe lezers.

  8. avatar Khushi tyagi zegt:

    Het is echt nuttig… Voor mijn cursusexamen..

  9. avatar Greeshma umrao zegt:

    Het is echt goed. Help me veel, bedankt dat je dit hebt geüpload.

  10. avatar Ram Pratap Singh zegt:

    Bedankt, het was erg nuttig voor mij om het interview bij te wonen

  11. heel erg bedankt dat je me helpt HTML te leren kennen

  12. leuke quiz en website, ik weet dat ik veel hard werk heb gedaan om dit te maken

  13. Hi
    Ik probeer een rekenmachine-interface te coderen
    Ik kamp met twee problemen:
    1) waarom de afmetingen van deze knoppen (.,+) niet nauwkeurig zijn
    2) waarom deze code:

    .stijl {
    marge: 0 auto;

    centreert de interface niet?
    mijn browser is trouwens Edge
    Bedankt

    Mijn html-codes:

    Rekenmachine-interface

    0

    7
    8
    9

    4
    5
    6

    1
    2
    3

    0
    .
    ±

    ×
    +
    -

    ÷
    =
    Clear

    .knop {
    achtergrondkleur: rgb(81, 122, 121);
    rand: 7px effen RGB(213, 236, 213);
    kleur wit;
    padding: 10px 45px;
    font-size: 25px;
    }

    .knop20 {
    achtergrondkleur: rgb(36, 117, 117);
    padding: 15px 32px;
    tekst-align: rechts;
    breedte: 285px;
    hoogte: 45px;
    }

    .knop19 {
    padding: 10px 20px;
    }

    .stijl {
    marge: 0 auto;
    }

    1. avatar Simrin Pal Singh zegt:

      Geef breedte op met marge 0 auto

  14. Html-leerling. Ik hoop dat uw klas mij erg nuttig zal zijn.

  15. avatar Jacki Bhaai zegt:

    verdorie, wat is de juiste manier van html img-tag

  16. avatar Mahalingappa Birajdar zegt:

    Heel erg bedankt voor het verstrekken van de inhoud. Elk concept is duidelijk goed geformatteerd en uitgelegd, maar er is nog een ding dat moet worden verbeterd: er moet meer nodig zijn, bijvoorbeeld zo gemakkelijk te begrijpen in plaats van theoretisch

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *