Search Adaface test library by skills or roles
⌘ K

HTML/ CSS online test

The HTML/ CSS test evaluates a candidate's ability to create web pages and style them using CSS. Using scenario-based MCQ questions, it evaluates knowledge of HTML (DOM, tags, forms, tables etc.) and critical CSS concepts (box model, positioning, styling, Flexbox, Grid etc.) and the ability to build responsive layouts. The test also includes simple coding questions to evaluate hands-on programming knowledge.

Aangepast op basis van:

  • Ervaring/ moeilijkheidsniveau
  • Meerdere vaardigheden in 1 beoordeling
  • Functiebeschrijving/ rolvereisten

Overdekte onderwerpen:

Core HTML tags
Handling HTML forms
Core CSS (box model; inheritance; specificity)
Styling HTML elements with CSS
Flexbox and Grids for modern layouts
Responsive websites using media queries
Working with images
Integrating custom fonts
CSS-based animations
Zie de volledige lijst
Singapore government logo

De aanwervingsmanagers vonden dat door de technische vragen die ze tijdens de panelinterviews stelden, ze konden vertellen welke kandidaten betere scores hadden, en onderscheidden zich met degenen die niet zo goed scoren. Zij zijn zeer tevreden met de kwaliteit van kandidaten genomineerd met de ADAFACE -screening.


Human Resources Manager

Singapore regering

85%
Vermindering van de screeningstijd

Sample HTML/CSS Online Test Questions

Dit zijn slechts een klein monster uit onze bibliotheek met meer dan 10.000 vragen. De werkelijke vragen hierover HTML/CSS Online Test zal niet-googelbaar zijn.

🧐 Vraag🔧 Vaardigheid💪 Moeilijkheid⌛ Tijd
Kolombreedtes
CSS -rasterlay -out of CSS -raster is een CSS -techniek waarmee ontwikkelaars complexe responsieve lay -outs voor webontwerp gemakkelijk en consistent in de browsers kunnen maken. Het CSS -raster introduceerde een nieuwe lengte -eenheid (FR) om flexibele roostersporen te maken. Voor haar schoolproject schreef NU de volgende code. Wat verwacht u dat de kolombreedtes zijn?
 image
A: 1e kolom is 50 px breed, de 2e kolom is 150 px breed en de 3e kolom is 300 px breed. 
b: 1e kolom is 50 px breed, de 2e kolom is 50 px breed en de 3e kolom zal 100 px breed zijn.
c: 1e kolom is 50 px breed, de 2e kolom is 300 px breed en de 3e kolom is 150 px breed.
d: 1e kolom is 50 px breed, de 2e kolom is 500 px breed en de 3e kolom zal 1000 px breed zijn.

Options:

  • A
  • B
  • C
  • D
HTML/CSSEenvoudig2 minuten
Links
Wat is in de volgende HTML de kleur van de link met klasse "Mark"
 image

Options:

  • orange
  • black
  • blue
  • white
HTML/CSSMedium2 minuten
Voettekstlijst
Let op het Footer -element van de Adaface -website. Wat is de beste manier om HTML -code hiervoor te schrijven?
 image
A) Bestellijst 
b) Niet -geordende lijst in een NAV -element
c) Bestellijst in een NAV -element
d) Niet -geordende lijst

Options:

  • A
  • B
  • C
  • D
HTML/CSSEenvoudig2 minuten
Opties
We moeten een HTML-formulier voor de gebruiker maken, zodat ze kunnen kiezen tussen "niet-vegetarisch", "eggetarian" en "vegetarisch". De gebruiker moet slechts één van de opties kunnen selecteren. Van de volgende opties, wat is de beste manier om dit te coderen?
 image

Options:

  • A
  • B
  • C
  • D
HTML/CSSMedium2 minuten

How to use the Adaface HTML/CSS Online Test

Begin binnen enkele minuten kandidaten met kandidaten met de ready-to-go HTML/CSS Online Test

1. Kies de meest geschikte test voor uw rol

2. Begin met het uitnodigen van kandidaten om de beoordeling te voltooien

3. Ontvang realtime meldingen en shortlist de beste kandidaten

Pas de Adaface HTML/CSS Online Test Volgens uw functiebeschrijving

1. Ontvang binnen 48 uur een aangepaste beoordeling uit onze bibliotheek met 500+ vaardigheden

2. Begin met het uitnodigen van kandidaten om de kont te voltooien

3. Ontvang realtime meldingen en shortlist de beste kandidaten

Adaface HTML/CSS Online Test wordt vertrouwd door ondernemingen wereldwijd

amazon
PayPal
Morgan Stanley
Adidas
SG Government
Neilsen
UCLA
Ernst and Young
Microsoft
WeWork
Bosch
Optimum Solutions
SAP
Doubtnut
Deloitte
HCL
FusionCharts
United Nations
Sokrati
Love Bonito
ZiMetrics
MTM

About the Adaface HTML/CSS Assessment Test

Evalueer HTML/ CSS technische en coderende vaardigheden met ADAFACE -vaardighedenbeoordelingsplatform aangedreven door een intelligente chatbot

Onderwerpen:

Core HTML -tags
De structuur van een HTML -pagina
Spatiëring
Tekstopmaak en decoratie
Lijsten
Tafels
Afbeeldingen en achtergrondafbeeldingen
Flexbox
Rooster
Doosmodel
Positioneringsschema's
Erfenis
Media -vragen
CSS -eigenschappen
Pseudo-klassen
Lessen, overspanningen, divisies
Teksteigenschappen, marges en vulling
Randen, achtergronden en transparantie
Positionering - Relatief, absoluut, vast, float, Clear
Z-index
Overgangen
Animaties
Responsieve lay -outs
Video's insluiten
Ankers/ links
Tafels en geneste tafels
Bouwvormen
Iframes insluiten
SVG's
Bestandsverwijzing
Toetsen
Inputgebieden
Selecteer menu's
Navigatie
Lettertypen
Vormen
Voorverwerkers

Aanbevolen rollen:

Webontwikkelaar
Frontend Software Developer
Senior HTML Web Developer
Front-end Developer
Software Engineer (HTML/ CSS)
Senior Frontend Developer
Webdesigner

Waarom u deze HTML/ CSS online beoordelingstest moet gebruiken

HTML/ CSS Online Assessment Test is ontworpen en gevalideerd door experts uit de industrie om technische recruiters te helpen en managers inhuren om de HTML/ CSS -programmeervaardigheden van de kandidaat te beoordelen. Toptechnologiebedrijven gebruiken onze HTML/ CSS -programmeertest om de screeningstijd van kandidaten met 85%te verminderen.

De test zorgt ervoor dat kandidaten de volgende eigenschappen hebben:

  • Kennis van kern HTML -tags en CSS -eigenschappen
  • Mogelijkheid om responsieve HTML te creëren met moderne lay-outs-roosters, flexbox
  • Kennis van hoe CSS achter de schermen werkt
  • Styling HTML -elementen met CSS om dichter bij de ontwerpmockups te komen
  • Afhandeling van afbeeldingen, lettertypen, video's in HTML
  • Het maken van leesbare en schaalbare HTML- en CSS -code
  • Inzicht in JS Dom -manipulatie
  • Hands-on JavaScript-programmeertaal

Hoe pas je de test aan voor senior frontend -ontwikkelaars aan?

De vragen voor senior ontwikkelaars zullen geavanceerde onderwerpen met zich meebrengen en zullen van hoger moeilijkheidsgraden zijn. Hier zijn weinig onderwerpen waarop de vragen zullen worden gebaseerd voor intermediaire en ervaren webontwikkelaars:

  • Diepgaande kennis van hoe CSS achter de schermen werkt: de cascade, specificiteit, overerving, waardeverwerking, het visuele opmaakmodel, het boxmodel, boxtypen, positioneringsschema's en stapelcontexten
  • Responsieve afbeeldingen in HTML- en CSS voor snellere pagina -laden: resolutie schakelen, dichtheidsschakelen, kunstrichting;
  • DOM -manipulatie met behulp van JS
  • Geavanceerde CSS-selectors, pseudo-klassen en pseudo-elementen
  • Geavanceerde CSS -animaties met @KeyFrames, animatie en overgang
  • JS-gebaseerde animaties
  • SVG -afbeeldingen in HTML en CSS: hoe en waarom om SVG te gebruiken, SVG -sprites genereren, SVG -kleuren veranderen in CSS en best practices;
  • Advanced Responsive Design: Media Queries, Mobile-First vs Desktop-First, EM vs REM-eenheden, vloeistofroosters, lay-outtypen, flexibele afbeeldingen, met behulp van media-query's om te testen op verschillende schermbreedtes, pixeldichtheden en aanraakmogelijkheden
  • Moderne CSS-technieken om verbluffende ontwerpen te creëren: clip-path, achtergrond-clip, masker-beeld, achtergrondmengmodus, vorm-outside, filter, achtergrondfilter, object-fit, transformatie, kolom-count, koppeltekens, perspectief , calc () en aangepaste CSS -eigenschappen;

Bovendien zullen de coderingsvragen die worden gebruikt om JavaScript -vaardigheden te evalueren van hoger moeilijkheidsgraad.

Distributie van testscores

The actual score distribution will vary based on your candidate pipeline quality, but you should typically expect ~20% of the candidates to do well on Adaface assessments.

De scoreverdeling voor onze beoordelingen volgt de normale curve. Dit is een goede standaard gestandaardiseerde tests zoals SAT en GRE volgen de normale verdeling (Bell Curve).

Status -quo -beoordelingen hebben meestal precies het tegenovergestelde van de belcurve (te veel kandidaten die dicht bij 0 komen, te veel kandidaten die bijna 100 en te weinig kandidaten in het midden krijgen). Dit komt meestal omdat ze zich richten op theoretische vragen of trucvragen, die erg binair van aard zijn- ofwel weet je de truc/ theorie of je niet.

Hoe Adaface anders is

Adaface Conversatie -beoordelingen weerspiegelen vaardigheden op het werk en zien een voltooiingspercentage van 86% in vergelijking met ~ 50% voor traditionele beoordelingsplatforms.

OUDE WEG

Traditionele tests

Theoretische vragen/ puzzels

Voelt als een test

One-size-fits-all assessments

😞
Inhuren
Weken/maanden

NIEUWE MANIER

Adaface -beoordelingen

Vragen voor vaardigheden op het werk

Gemoedelijk

Aangepast
beoordelingen

😀️
Inhuren
Dagen

HTML/CSS Online Test FAQs

Over HTML/ CSS -functie -rollen

HTML (HyperText Markup Language) is de meest elementaire bouwsteen van het web. Het definieert de betekenis en structuur van webinhoud. Andere technologieën naast HTML worden over het algemeen gebruikt om het uiterlijk/presentatie van een webpagina (CSS) of functionaliteit/gedrag (JavaScript) te beschrijven.

HTML-ontwikkelaars zijn verantwoordelijk voor de volledige end-to-end codering van websites. Ze bieden technische ondersteuning aan gebruikers, directe projecten, codewebsites, ontwikkelen webgebaseerde applicaties en voeren testen uit op websites. Ze werken met andere codeerders, ontwerpers en inhoudontwikkelaars, wat betekent dat communicatievaardigheden belangrijk zijn. HTML -ontwikkelaars moeten in staat zijn om ontwerpen in code te vertalen en technische documentatie te schrijven.

CSS -ontwikkelaars zijn webprofessionals wiens primaire verantwoordelijkheid is om een ​​gepolijst en gestileerd product te leveren aan de browser van een gebruiker. Bijna elke website gebruikt CSS. De meeste frontend of zelfs full-stack ontwikkelaars kunnen de CSS-code schrijven. Maar ze kunnen niet allemaal elke CSS -bug repareren of ontwerpen implementeren zonder HTML -code te convolueren of onnodig op JavaScript te vertrouwen.

De verantwoordelijkheden van een HTML/ CSS -ontwikkelaar zouden meestal omvatten:

-Vertaling van designer mock-ups en draadframes in front-end code -front-end integratie met een back-end framework

  • Optimaliseer de toepassing voor maximale snelheid en schaalbaarheid
  • Zorg ervoor dat alle gebruikersinvoer is gevalideerd voordat u zich indient naar back-end
  • Bouw herbruikbare code en bibliotheken voor toekomstig gebruik
  • Integreer gegevens van verschillende back-end services en databases
  • Samenwerken met webontwerpers om overeen te komen met visuele ontwerpintentie

Kan ik JavaScript evalueren samen met HTML/ CSS?

Ja. We ondersteunen het evalueren van JavaScript en HTML/ CSS in dezelfde beoordeling. U kunt onze standaard Ready-To-Go JavaScript, HTML/CSS bekijken om te begrijpen hoe de beoordeling zou worden ontworpen. Voor aangepaste beoordelingen ontwerpen we de vragen volgens uw functiebeschrijving en de laatste test zal JavaScript, HTML/ CSS en coderingsvaardigheden samen evalueren.

Kan ik frontend frameworks evalueren, samen met HTML/ CSS zoals React/ Angular/ Vue?

Ja. U kunt meerdere vaardigheden evalueren in één beoordeling. U kunt onze standaard [react] controleren (https://www.adaface.com/assessment-test/reactjs-test-online-assessment), [angular](https://www.adaface.com/assessment-test/ AngularJS-test), vue beoordelingen om een ​​idee te krijgen van welke vragen zouden worden gesteld. U kunt een aangepaste beoordeling ontvangen die vragen heeft om alle must-have vaardigheden van uw functiebeschrijving te evalueren. Dus voor een standaard REACT -ontwikkelaarsrol, zal de test vragen hebben om React, JavaScript, HTML/ CSS en coderingsvaardigheden te evalueren.

Wat is een aangepaste beoordeling?

Elke rol is anders en vereist een aangepaste beoordeling om topkandidaten efficiënt te identificeren. ADAFACE Subject Matter Experts begrijpen uw functiebeschrijving/ rolvereisten en kiezen de meest relevante vragen uit onze bibliotheek van 10000+ vragen om een ​​technische beoordeling te maken die u helpt de gekwalificeerde kandidaten in uw kandidaat -pijplijn snel te vinden. Alle aangepaste beoordelingen zijn opgezet op basis van de functiebeschrijving, rolvereisten, must-have vaardigheden, ervaringsniveau en salarisbereik binnen maximaal 48 uur en u krijgt een e-mailmelding zodra deze live gaat.

Bekijk een voorbeeldbeoordeling hier (geen creditcard vereist).

Kan ik meerdere vaardigheden combineren in één aangepaste beoordeling?

Ja absoluut. Aangepaste beoordelingen zijn opgezet op basis van uw functiebeschrijving en bevatten vragen over alle must-have vaardigheden die u opgeeft.

Hoe verschilt Adaface van andere beoordelingsinstrumenten?

Wij zijn van mening dat status quo -technische beoordelingsplatforms geen eerlijke manier zijn voor bedrijven om ingenieurs te evalueren omdat ze zich richten op trickvragen/ puzzels/ niche -algoritmen. We zijn begonnen met ADAFACE om bedrijven te helpen geweldige ingenieurs te vinden door vaardigheden op het werk te beoordelen dat nodig is voor een rol. Lees meer over waarom we begonnen met adaface.

Dit is wat anders is met Adaface:

-Hoge kwaliteit niet-google-vragen die testen op vaardigheden op het werk in tegenstelling tot theoretische kennis.

  • Een vriendelijke gespreksbeoordeling met een chatbot, in plaats van een "test" naar een kandidaat te sturen. Dit vertaalt zich in een hoger voltooiingspercentage. ADAFACE-beoordelingen (86% voltooiingspercentage kandidaat), in tegenstelling tot traditionele tests (40-50% kandidaat-voltooiingspercentage)
  • Aangepaste beoordelingen voor meer dan 700 vaardigheden op verschillende ervaringsniveaus.

Heeft u functies tegen latere of proctoring op hun plaats?

We hebben de volgende anti-cheating-functies op zijn plaats:

  • Web Proctoring
  • Webcam Proctoring
  • PLAGAIRISM DETECTIE
  • Niet-googelbare vragen
  • Beveilig browser

Lees meer over de Proctoring -functies.

Hoe interpreteer ik testscores?

Het belangrijkste om in gedachten te houden is dat een beoordeling een eliminatietool is, geen selectietool. Een vaardighedenbeoordeling is geoptimaliseerd om u te helpen kandidaten te elimineren die niet technisch gekwalificeerd zijn voor de rol, het is niet geoptimaliseerd om u te helpen de beste kandidaat voor de rol te vinden. Dus de ideale manier om een ​​beoordeling te gebruiken is om een ​​drempelscore te bepalen (meestal 55%, wij helpen u benchmark) en alle kandidaten uit te nodigen die boven de drempel scoren voor de volgende interviewrondes.

Voor welk ervaringsniveau kan ik deze test gebruiken?

Elke ADAFACE -beoordeling is aangepast aan uw functiebeschrijving/ ideale kandidaatpersonage (onze experts van het onderwerp zullen de juiste vragen kiezen voor uw beoordeling uit onze bibliotheek van 10000+ vragen). Deze beoordeling kan worden aangepast voor elk ervaringsniveau.

Krijgt elke kandidaat dezelfde vragen?

Ja, het maakt het veel gemakkelijker voor u om kandidaten te vergelijken. Opties voor MCQ -vragen en de volgorde van vragen worden gerandomiseerd. We hebben anti-cheating/proctoring functies. In ons bedrijfsplan hebben we ook de optie om meerdere versies van dezelfde beoordeling te maken met vragen over vergelijkbare moeilijkheidsniveaus.

Ik ben een kandidaat. Kan ik een oefentest proberen?

Nee. Helaas ondersteunen we op dit moment geen oefentests. U kunt echter onze voorbeeldvragen gebruiken voor praktijk.

Wat zijn de kosten van het gebruik van deze test?

U kunt onze [prijsplannen] bekijken (https://www.adaface.com/pricing/).

Kan ik een gratis proefperiode krijgen?

Het platform is volledig zelfbediening, dus hier is een manier om verder te gaan:

  • U kunt gratis aanmelden om een ​​idee te krijgen van hoe het werkt.
  • De gratis proefversie bevat één voorbeeldbeoordeling (Java/ JavaScript) die u in uw dashboard zult vinden wanneer u zich aanmeldt. U kunt het gebruiken om de kwaliteit van vragen en de kandidaat -ervaring van een conversatietest op ADAFACE te beoordelen.
  • Om de kwaliteit van vragen te bekijken, kunt u ook onze openbare vragen voor meer dan 50 vaardigheden hier bekijken.
  • Als u er eenmaal van overtuigd bent dat u het wilt uitproberen met echte beoordelingen en kandidaten, kunt u een plan kiezen volgens uw vereisten.

Ik ben net naar een betaald plan verhuisd. Hoe kan ik een aangepaste beoordeling aanvragen?

Hier is een snelle gids over hoe een aangepaste beoordeling aanvragen op Adaface.

Waarom recruiters overstappen naar Adaface

"We evalueerden verschillende van hun concurrenten en vonden Adaface de meest dwingende. Geweldige standaardbibliotheek met vragen die zijn ontworpen om te testen op fit in plaats van memoriseren van algoritmen."

Lees verder

Ultieme gids voor het testen van vóór de dienstverband

Wat het is, typen en voordelen, reserveringen tegen hen, de opkomst van kandidaatvriendelijke beoordelingen en AI-tools, en de best practices voor de uitvoering van pre-werkzaamheid testen in uw bedrijf.

Lees verder

Waarom ingenieurs uw coderingstests niet doen

De meeste ingenieurs fronsen tegenwoordig door het idee om een ​​coderingstest te voltooien, en meer dan 50% meteen weigeren status -quo -beoordelingen te doen (op basis van ons onderzoek met 100+ bedrijven in zee).

Lees verder

Met Adaface konden we ons eerste screeningproces optimaliseren met meer dan 75%, waardoor we kostbare tijd vrijmaken voor zowel wervingsmanagers als ons talent -acquisitieteam!


Brandon Lee, Hoofd van mensen, Love, Bonito

hashtag image heart icon Brandon
Join 1200+ companies in 75+ countries.
Probeer vandaag de meest kandidaatvriendelijke vaardighedenbeoordelingstool.
Heb nog vragen over de adaface HTML/CSS Online Test?
Heb nog vragen over de adaface HTML/CSS Online Test?
chat met ons ✨
Voorwaarden Privacy Vertrouwensgids