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.

Tilpasset baseret på:

  • Erfaring/ vanskelighedsniveau
  • Flere færdigheder i 1 vurdering
  • Jobbeskrivelse/ rollekrav

Dækkede emner:

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
Se fuld liste
Singapore government logo

De ansættelsesledere mente, at de gennem de tekniske spørgsmål, de stillede under panelinterviewene, kunne fortælle, hvilke kandidater der havde bedre scoringer, og differentierede med dem, der ikke scorede så godt. De er meget tilfreds med kvaliteten af ​​kandidater, der er på listen med adaface -screening.


Human Resources Manager

Singapore regering

85%
Reduktion i screeningstid

Sample HTML/CSS Online Test Questions

Dette er kun en lille prøve fra vores bibliotek med 10.000+ spørgsmål. De faktiske spørgsmål om dette HTML/CSS Online Test vil være ikke-gåbart.

🧐 Spørgsmål🔧 Evne💪 Vanskelighed⌛ Tid
Kolonnebredder
CSS -gitterlayout eller CSS -gitter er en CSS -teknik, der giver udviklere mulighed for at skabe komplekse responsive webdesignlayouts let og konsekvent på tværs af browsere. CSS -gitteret introducerede en ny længdeenhed (FR) for at skabe fleksible gitterspor. Til sit skoleprojekt skrev Nu følgende kode. Hvad forventer du, at søjlebredderne skal være?
 image
A: 1. kolonne vil være 50px bred, 2. kolonne vil være 150px bred, og 3. kolonne vil være 300px bred. 
B: 1. kolonne vil være 50px bred, 2. kolonne vil være 50px bred og 3. kolonne vil være 100px bred.
C: 1. kolonne vil være 50px bred, 2. kolonne vil være 300px bred, og 3. kolonne vil være 150px bred.
D: 1. kolonne vil være 50px bred, 2. kolonne vil være 500px bred og 3. kolonne vil være 1000px bred.

Options:

  • A
  • B
  • C
  • D
HTML/CSSLet2 min
Links
I følgende HTML, hvad der vil være farven på link med klasse "Mark"
 image

Options:

  • orange
  • black
  • blue
  • white
HTML/CSSMedium2 min
Sidefodliste
Bemærk sidefodselementet på Adaface -webstedet. Hvad er den bedste måde at skrive HTML -kode til dette?
 image
A) Bestilt liste 
b) Uordnet liste inde i et NAV -element
c) Bestilt liste inde i et NAV -element
d) Uordnet liste

Options:

  • A
  • B
  • C
  • D
HTML/CSSLet2 min
Muligheder
Vi er nødt til at oprette en HTML-formular til bruger, så de kan vælge mellem "ikke-vegetarisk", "ægetarisk" og "vegetarisk". Brugeren skal være i stand til kun at vælge en af ​​indstillingerne. Af følgende indstillinger, som er den bedste måde at kode dette på?
 image

Options:

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

How to use the Adaface HTML/CSS Online Test

Begynd at screene kandidater inden for få minutter med klar til at gå HTML/CSS Online Test

1. Vælg den mest passende test for din rolle

2. Begynd at invitere kandidater til at gennemføre vurderingen

3. Modtag realtidsmeddelelser og kortliste de bedste kandidater

Tilpas Adaface HTML/CSS Online Test I henhold til din jobbeskrivelse

1. Få en brugerdefineret vurdering fra vores bibliotek med 500+ færdigheder inden for 48 timer

2. Begynd at invitere kandidater til at afslutte vurderingen

3. Modtag realtidsmeddelelser og kortliste de bedste kandidater

Adaface HTML/CSS Online Test er tillid til af virksomheder over hele verden

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

Evaluer HTML/ CSS Tekniske og kodende færdigheder med ADAFACE -færdighedsvurderingsplatform drevet af en intelligent chatbot

Emner:

Core HTML -tags
Strukturen på en HTML -side
Afstand
Tekstformatering og dekoration
Lister
Tabeller
Billeder og baggrundsbilleder
Flexbox
Gitter
Boksmodel
Placeringsordninger
Arv
Medieforespørgsler
CSS -egenskaber
Pseudo-klasser
Klasser, spænd, afdelinger
Tekstegenskaber, marginer og polstring
Grænser, baggrunde og gennemsigtighed
Positionering - relativ, absolut, fast, float, klar
Z-indeks
Overgange
Animationer
Responsive layouts
Indlejring af videoer
Ankre/ links
Tabeller & indlejrede borde
Bygningsformularer
Indlejring af IRAMES
Svgs
Filreferencer
Knapper
Inputområder
Vælg menuer
Navigation
Skrifttyper
Formularer
Forbehandlere

Anbefalede roller:

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

Hvorfor skal du bruge denne HTML/ CSS online vurderingstest

HTML/ CSS online vurderingstest er designet og valideret af brancheeksperter til at hjælpe tech -rekrutterere og ansætte ledere til at vurdere HTML/ CSS -programmeringsevner hos kandidaten. Top tech -virksomheder bruger vores HTML/ CSS -programmeringstest for at reducere kandidatscreeningstiden med 85%.

Testen sikrer, at kandidater har følgende træk:

  • Kendskab til kerne HTML -tags og CSS -egenskaber
  • Evne til at skabe responsiv HTML med moderne layouts- Grids, FlexBox
  • Kendskab til, hvordan CSS fungerer bag kulisserne
  • Styling HTML -elementer med CSS for at være tættere på designmockups
  • Håndtering af billeder, skrifttyper, videoer i HTML
  • Oprettelse af læsbar og skalerbar HTML- og CSS -kode
  • Forståelse af JS DOM -manipulation
  • Hands-on JavaScript-programmeringssprog

Hvordan tilpasser du testen for senior frontend -udviklere?

Spørgsmålene til seniorudviklere vil involvere avancerede emner og vil have et højere vanskelighedsniveau. Her er få emner, som spørgsmålene vil være baseret på for mellemliggende og erfarne webudviklere:

  • dybdegående viden om, hvordan CSS fungerer bag kulisserne: kaskaden, specificitet, arv, værdibehandling, den visuelle formateringsmodel, kassemodellen, kassetyper, positioneringsordninger og stabling af kontekster
  • Responsive billeder i HTML og CSS til hurtigere sidebelastning: Opløsningskontakt, densitetsskift, kunstretning;
  • DOM -manipulation ved hjælp af JS
  • Avancerede CSS-vælgere, pseudoklasser og pseudo-elementer
  • Avancerede CSS -animationer med @Keyframes, animation og overgang
  • JS-baserede animationer
  • SVG -billeder i HTML og CSS: Hvordan og hvorfor man bruger SVG, genererer SVG -sprites, ændrer SVG -farver i CSS og bedste praksis;
  • Avanceret responsivt design: Medieforespørgsler, mobil-første mod desktop-første, EM vs REM-enheder, fluidnet, layouttyper, fleksible billeder, ved hjælp af medieforespørgsler til at teste for forskellige skærmbredder, pixeltætheder og berøringsfunktioner
  • Moderne CSS-teknikker til at skabe fantastiske designs: klip-sti, baggrundsklip, maske-image, baggrundsblend-mode, form-outside, filter, baggrundsfilter, objekt-fit, transformation, søjlekount, bindestreg, perspektiv , calc () og brugerdefinerede CSS -egenskaber;

Derudover vil de kodende spørgsmål, der bruges til at evaluere JavaScript -færdigheder, være af højere vanskelighedsniveau.

Distribution af testresultater

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.

Resultatfordelingen for vores vurderinger følger den normale kurve. Dette er en god signeret-standardiserede tests som SAT og GRE følger den normale distribution (klokkekurve).

Status quo -vurderinger har typisk det modsatte af klokkekurven (for mange kandidater kommer tæt på 0, for mange kandidater kommer tæt på 100 og for få kandidater i midten). Dette skyldes typisk, at de fokuserer på teoretiske spørgsmål eller trick-spørgsmål, som er meget binære i naturen- enten kender du tricket/ teorien, eller du ikke gør det.

Hvordan adaface er anderledes

Adaface samtalevurderinger reflekterer færdighederne on-the-job og se en 86% færdiggørelsesgrad sammenlignet med ~ 50% for traditionelle vurderingsplatforme.

Gammel måde

Traditionelle tests

Teoretiske spørgsmål/ gåder

Føles som en test

One-size-fits-all assessments

😞
Leje ind
Uger/måneder

NY VEJ

Adaface -vurderinger

Spørgsmål til færdigheder på jobbet

Samtale

Tilpasset
Vurderinger

😀️
Leje ind
Dage

HTML/CSS Online Test FAQs

Om HTML/ CSS Jobroller

HTML (Hypertext Markup Language) er den mest basale byggesten på nettet. Det definerer betydningen og strukturen af ​​webindhold. Andre teknologier udover HTML bruges generelt til at beskrive en websidenes udseende/præsentation (CSS) eller funktionalitet/adfærd (JavaScript).

HTML-udviklere er ansvarlige for den komplette ende-til-ende-kodning af websteder. De yder teknisk support til brugere, direkte projekter, kodeswebsteder, udvikler webbaserede applikationer og udfører test på websteder. De arbejder med andre kodere, designere og indholdsudviklere, hvilket betyder, at kommunikationsevner er vigtige. HTML -udviklere skal være i stand til at oversætte design til kode og skrive teknisk dokumentation.

CSS -udviklere er webfagfolk, hvis primære ansvar er at levere et poleret og stylet produkt til en brugers browser. Næsten hvert websted bruger CSS. De fleste frontend eller endda fuldstak-udviklere kunne skrive CSS-koden. Men ikke alle af dem kan løse hver CSS -bug eller implementere design uden at indvikle HTML -kode eller stole unødigt på JavaScript.

En HTML/ CSS -udviklers ansvar ville typisk omfatte:

-Oversættelse af designer-mock-ups og wireframes til front-end-kode -Front-end integration med en back-end-ramme

  • Optimer applikationen for maksimal hastighed og skalerbarhed
  • Sørg for, at al brugerinput er valideret, før du sendes til back-end
  • Byg genanvendelig kode og biblioteker til fremtidig brug
  • Integrer data fra forskellige back-end-tjenester og databaser
  • Samarbejd med webdesignere for at matche Visual Design Intent

Kan jeg evaluere JavaScript sammen med HTML/ CSS?

Ja. Vi understøtter evaluering af JavaScript og HTML/ CSS i den samme vurdering. Du kan gennemgå vores standard klar-til-go javascript, html/css test for at forstå, hvordan vurderingen ville blive designet. For tilpassede vurderinger designer vi spørgsmålene i henhold til din jobbeskrivelse, og den endelige test evaluerer JavaScript, HTML/ CSS og kodningsevner sammen.

Kan jeg evaluere frontend -rammer sammen med HTML/ CSS som React/ Angular/ Vue?

Ja. Du kan evaluere flere færdigheder i en enkelt vurdering. Du kan kontrollere vores standard React, [Angular](https://www.adaface.com/assessment-test/ AngularJS-TEST), VUE Vurderinger for at få en fornemmelse af, hvilke spørgsmål der ville blive stillet. Du kan få en brugerdefineret vurdering designet, der har spørgsmål til at evaluere alle must-have-færdigheder i din jobbeskrivelse. Så for en standard React Developer -rolle vil testen have spørgsmål til evaluering af React, JavaScript, HTML/ CSS og kodningsevner.

Hvad er en brugerdefineret vurdering?

Hver rolle er forskellig og kræver en brugerdefineret vurdering for at identificere topkandidater effektivt. ADAFACE -emneeksperter forstår dine jobbeskrivelseskrav og vælger de mest relevante spørgsmål fra vores bibliotek på 10000+ spørgsmål for at oprette en teknisk vurdering, der hjælper dig med at finde de kvalificerede kandidater i din kandidatrørledning hurtigt. Alle brugerdefinerede vurderinger er oprettet baseret på jobbeskrivelsen, rollekrav, must-have-færdigheder, erfaringsniveau og lønområde inden for højst 48 timer, og du får en e-mail-meddelelse, når den går live.

Tjek en prøvevurdering her (intet kreditkort kræves).

Kan jeg kombinere flere færdigheder i en brugerdefineret vurdering?

Ja absolut. Brugerdefinerede vurderinger er oprettet baseret på din jobbeskrivelse og vil omfatte spørgsmål om alle must-have-færdigheder, du angiver.

Hvordan adskiller Adaface sig fra andre vurderingsværktøjer?

Vi mener, at status quo tech -vurderingsplatforme ikke er en retfærdig måde for virksomheder at evaluere ingeniører, fordi de fokuserer på trick -spørgsmål/ puslespil/ nichealgoritmer. Vi startede adaface for at hjælpe virksomheder med at finde store ingeniører ved at vurdere on-the-job-færdigheder, der kræves for en rolle. Læs mere om hvorfor vi startede adaface.

Her er hvad der er anderledes med adaface:

-Ikke-gåbare spørgsmål af høj kvalitet, der tester for on-the-job-færdigheder i modsætning til teoretisk viden.

  • En venlig samtalevurdering med en chatbot i stedet for at sende en "test" til en kandidat. Dette betyder en højere færdiggørelsesgrad. ADAFACE-vurderinger (86% kandidatafslutningsgrad) i modsætning til traditionelle tests (40-50% kandidatafslutningsgrad)
  • Tilpassede vurderinger for 700+ færdigheder på forskellige oplevelsesniveauer.

Har du nogen anti-cheating eller proctoring-funktioner på plads?

Vi har følgende anti-cheating-funktioner på plads:

  • Webproctoring
  • Webcam Proctoring
  • Plagairism Detection
  • Ikke-gåbare spørgsmål
  • Sikker browser

Læs mere om Proctoring Features.

Hvordan fortolker jeg testresultater?

Den primære ting at huske på er, at en vurdering er et elimineringsværktøj, ikke et udvælgelsesværktøj. En færdighedsvurdering er optimeret for at hjælpe dig med at eliminere kandidater, der ikke er teknisk kvalificerede til rollen, den er ikke optimeret til at hjælpe dig med at finde den bedste kandidat til rollen. Så den ideelle måde at bruge en vurdering på er at beslutte en tærskelværdi (typisk 55%, vi hjælper dig med benchmark) og inviterer alle kandidater, der scorer over tærsklen for de næste interviewrunder.

Hvilken oplevelsesniveau kan jeg bruge denne test til?

Hver Adaface -vurdering tilpasses til din jobbeskrivelse/ ideel kandidatperson (vores emneeksperter vælger de rigtige spørgsmål til din vurdering fra vores bibliotek på 10000+ spørgsmål). Denne vurdering kan tilpasses til ethvert erfaringsniveau.

Får hver kandidat de samme spørgsmål?

Ja, det gør det meget lettere for dig at sammenligne kandidater. Valgmuligheder for MCQ -spørgsmål og rækkefølgen af ​​spørgsmål randomiseres. Vi har anti-cheating/proctoring funktioner på plads. I vores virksomhedsplan har vi også muligheden for at oprette flere versioner af den samme vurdering med spørgsmål om lignende vanskelighedsniveauer.

Jeg er kandidat. Kan jeg prøve en øvelsestest?

Nej. Desværre understøtter vi ikke praksisforsøg i øjeblikket. Du kan dog bruge vores eksempler på spørgsmål til praksis.

Hvad er omkostningerne ved at bruge denne test?

Du kan tjekke vores prisplaner.

Kan jeg få en gratis prøve?

Platformen er helt selvbetjenende, så her er en måde at fortsætte på:

  • Du kan tilmelde dig gratis for at få en fornemmelse af, hvordan det fungerer.
  • Den gratis prøve inkluderer en prøvevurdering (Java/ JavaScript), som du finder i dit instrumentbræt, når du tilmelder dig. Du kan bruge den til at gennemgå kvaliteten af ​​spørgsmål og kandidatoplevelsen af ​​en samtaleprøve på Adaface.
  • For at gennemgå kvaliteten af ​​spørgsmål kan du også gennemgå vores offentlige spørgsmål for 50+ færdigheder her.
  • Når du først er overbevist om, at du vil prøve det med reelle vurderinger og kandidater, kan du vælge en plan i henhold til dine krav.

Jeg flyttede lige til en betalt plan. Hvordan kan jeg anmode om en brugerdefineret vurdering?

Her er en hurtig guide til hvordan man anmoder om en brugerdefineret vurdering på adaface.

Med Adaface var vi i stand til at optimere vores indledende screeningsproces med op til 75%, hvilket frigør dyrebar tid for både ansættelsesledere og vores talentindsamlingsteam!


Brandon Lee, Leder af mennesker, Love, Bonito

hashtag image heart icon Brandon
Join 1200+ companies in 75+ countries.
Prøv det mest kandidatvenlige færdighedsvurderingsværktøj i dag.
Har spørgsmål om adaface HTML/CSS Online Test?
Har spørgsmål om adaface HTML/CSS Online Test?
Chat med os ✨
Vilkår Privatliv Tillidsvejledning