Search Adaface test library by skills or roles
⌘ K

Test en ligne HTML / CSS

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.

Personnalisé en fonction de:

  • Expérience / niveau de difficulté
  • Multiples compétences en 1 évaluation
  • Description du poste / exigences des rôles

Sujets couverts:

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
Voir la liste complète
Singapore government logo

Les responsables du recrutement ont estimé que grâce aux questions techniques qu'ils posaient lors des entretiens du panel, ils ont pu dire quels candidats avaient de meilleurs scores et se différenciaient de ceux qui ne marquaient pas aussi bien. Elles sont très satisfait Avec la qualité des candidats présélectionnés avec le dépistage ADAFACE.


Directeur des Ressources Humaines

Gouvernement de Singapour

85%
réduction du temps de dépistage

Sample HTML/CSS Online Test Questions

Ce ne sont qu'un petit échantillon de notre bibliothèque de plus de 10 000 questions. Les questions réelles à ce sujet HTML/CSS Online Test ne sera pas googleable.

🧐 Question🔧 Compétence💪 Difficulté⌛ Temps
Largeurs de la colonne
CSS Grid Layout ou CSS Grid est une technique CSS qui permet aux développeurs de créer des dispositions de conception Web complexes complexes facilement et de manière cohérente entre les navigateurs. La grille CSS a introduit une nouvelle unité de longueur (FR) pour créer des pistes de grille flexibles. Pour son projet scolaire, Nu a écrit le code suivant. Quelles attendez-vous les largeurs de colonne?
 image
A: La 1ère colonne sera de 50px de large, la 2e colonne sera de 150px de large et la 3e colonne sera de 300 pixes de large. 
B: La 1ère colonne sera de 50px de large, la 2ème colonne sera de 50px de large et la 3ème colonne sera de 100px de large.
C: La 1ère colonne sera de 50px de large, la 2ème colonne sera de 300px de large et la 3e colonne sera de 150px de large.
D: 1ère colonne sera de 50px de large, la 2ème colonne sera de 500px de large et la 3e colonne sera être de 1000px de large.

Options:

  • A
  • B
  • C
  • D
HTML / CSSFacile2 min
Liens
Dans le HTML suivant, quelle sera la couleur du lien avec la classe "Mark"
 image

Options:

  • orange
  • black
  • blue
  • white
HTML / CSSMoyen2 min
Liste de pieds
Remarquez l'élément de pied de page du site Web d'Adaface. Quelle est la meilleure façon d'écrire du code HTML pour cela?
 image
A) Liste ordonnée 
b) Liste non ordonnée dans un élément NAV
c) Liste commandée dans un élément NAV
d) Liste non ordonnée

Options:

  • A
  • B
  • C
  • D
HTML / CSSFacile2 min
Options
Nous devons créer un formulaire HTML pour l'utilisateur afin qu'ils puissent choisir entre "non végétarien", "eggetarian" et "végétarien". L'utilisateur doit être en mesure de sélectionner une seule des options. Parmi les options suivantes, quelle est la meilleure façon de coder cela?
 image

Options:

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

How to use the Adaface HTML/CSS Online Test

Commencez à sélectionner les candidats en quelques minutes avec le prêt-à-emporter HTML/CSS Online Test

1. Choisissez le test le plus approprié pour votre rôle

2. Commencer à inviter les candidats à terminer l'évaluation

3. Recevoir des notifications en temps réel et présélectionner les meilleurs candidats

Personnaliser le Adaface HTML/CSS Online Test Selon votre description de poste

1. Obtenez une évaluation personnalisée de notre bibliothèque de plus de 500 compétences en 48 heures

2. Commencez à inviter les candidats à terminer l'essai

3. Recevoir des notifications en temps réel et présélectionner les meilleurs candidats

Adaface HTML/CSS Online Test est fiable par les entreprises du monde entier

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

Évaluez les compétences techniques et de codage HTML / CSS avec la plate-forme d'évaluation des compétences ADAFACE alimentée par un chatbot intelligent

Les sujets:

Tags HTML de base
La structure d'une page HTML
Espacement
Formatage et décoration de texte
Listes
les tables
Images et images d'arrière-plan
Flexion
Grille
Modèle de boîte
Schémas de positionnement
Héritage
Requêtes médiatiques
Propriétés CSS
Pseudo-classes
Classes, portées, divisions
Propriétés du texte, marges et rembourrage
Borders, arrière-plans et transparence
Positionnement - relatif, absolu, fixe, flottant, clair
Index z
Transitions
Animations
Dispositions réactives
Intégrer des vidéos
Ancres / liens
Tables et tables imbriquées
Formes de construction
Incorporer les iframes
SVG
Référencement de fichiers
Boutons
Zones d'entrée
Sélectionner les menus
La navigation
Polices
Formes
Pré-processeurs

Rôles recommandés:

Développeur web
Frontend Software Developer
Senior HTML Web Developer
Front-end Developer
Software Engineer (HTML/ CSS)
Senior Frontend Developer
Concepteur de sites Web

Pourquoi devriez-vous utiliser ce test d'évaluation en ligne HTML / CSS

Le test d'évaluation en ligne HTML / CSS est conçu et validé par des experts de l'industrie pour aider les recruteurs de technologies et les gestionnaires d'embauche pour évaluer les compétences en programmation HTML / CSS du candidat. Les meilleures entreprises technologiques utilisent notre test de programmation HTML / CSS pour réduire le temps de dépistage des candidats de 85%.

Le test garantit que les candidats ont les traits suivants:

  • Connaissance des étiquettes HTML de base et des propriétés CSS
  • Capacité à créer un HTML réactif avec des mises en page modernes - Flexbox
  • Connaissance de la façon dont CSS fonctionne dans les coulisses
  • Styler les éléments HTML avec CSS pour être plus proche de la conception de maquettes
  • Gestion des images, des polices, des vidéos en html
  • Création du code HTML et CSS lisible et évolutif
  • Comprendre la manipulation JS Dom
  • Langage pratique de programmation JavaScript

Comment personnalisez-vous le test pour les développeurs de frontend seniors?

Les questions pour les développeurs seniors impliqueront des sujets avancés et seront d'un niveau de difficulté plus élevé. Voici quelques sujets sur lesquels les questions seront basées pour les développeurs Web intermédiaires et expérimentés:

  • Connaissance approfondie du fonctionnement du CSS dans les coulisses: la cascade, la spécificité, l'héritage, le traitement de la valeur, le modèle de formatage visuel, le modèle de boîte, les types de boîtes, les schémas de positionnement et les contextes d'empilement
  • Images réactives dans HTML et CSS pour les charges de page plus rapides: commutation de résolution, commutation de densité, direction artistique;
  • Manipulation Dom en utilisant JS
  • Sélecteurs CSS avancés, pseudo-classes et pseudo-éléments
  • Animations CSS avancées avec @keyframes, animation et transition
  • Animations basées sur JS
  • Images SVG dans HTML et CSS: comment et pourquoi utiliser SVG, générer des sprites SVG, changer les couleurs SVG dans CSS et les meilleures pratiques;
  • Conception réactive avancée: requêtes multimédias, mobile d'abord vs de bureau, les unités EM vs REM, les grilles de fluide, les types de disposition, les images flexibles, en utilisant des requêtes multimédias pour tester différentes largeurs d'écran, densités de pixel
  • Techniques CSS modernes pour créer des conceptions époustouflantes: Path de clip, clignotant en arrière-plan, image masque, mode-mélange d'arrière-plan, forme de forme, filtre, dossier en arrière , calc () et les propriétés CSS personnalisées;

De plus, les questions de codage utilisées pour évaluer les compétences JavaScript seront de niveau de difficulté plus élevé.

Distribution des résultats des tests

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.

La distribution du score pour nos évaluations suit la courbe normale. Il s'agit d'un bon signe - des tests standardisés comme SAT et GRE suivent la distribution normale (courbe de cloche).

Les évaluations du statu quo ont généralement l'opposé exact de la courbe de cloche (trop de candidats se rapprochant de 0, trop de candidats se situant près de 100 et trop de candidats au milieu). Cela est généralement dû au fait qu'ils se concentrent sur des questions théoriques ou des questions de truc, qui sont de nature très binaire - soit vous connaissez l'astuce / la théorie, soit vous ne le faites pas.

Comment Adaface est différent

Adaface Évaluations conversationnelles reflètent les compétences en cours d'emploi et voir un taux d'achèvement de 86% contre environ 50% pour les plateformes d'évaluation traditionnelles.

Ancienne façon

Tests traditionnels

Questions / puzzles théoriques

Se sent comme un test

One-size-fits-all assessments

😞
Embaucher
Semaines / mois

NOUVELLE FAÇON

Évaluations ADAFACE

Questions pour les compétences en cours d'emploi

De la conversation

Personnalisé
évaluations

😀️
Embaucher
Journées

HTML/CSS Online Test FAQs

À propos des rôles d'emploi HTML / CSS

HTML (Hypertext Buquup Language) est le bloc de construction le plus élémentaire du Web. Il définit le sens et la structure du contenu Web. D'autres technologies en plus de HTML sont généralement utilisées pour décrire l'apparence / présentation d'une page Web (CSS) ou la fonctionnalité / comportement (JavaScript).

Les développeurs HTML sont responsables du codage complet des sites Web de bout en bout. Ils fournissent une prise en charge technique aux utilisateurs, réalisent des projets, codent des sites Web, développent des applications Web et effectuent des tests sur des sites Web. Ils travaillent avec d'autres codeurs, concepteurs et développeurs de contenu, ce qui signifie que les compétences en communication sont importantes. Les développeurs HTML doivent être en mesure de traduire les conceptions en code et d'écrire une documentation technique.

Les développeurs CSS sont des professionnels du Web dont la principale responsabilité est de livrer un produit poli et stylé au navigateur d'un utilisateur. Presque chaque site Web utilise CSS. La plupart des développeurs frontend ou même complexe pourraient écrire le code CSS. Mais tous ne peuvent pas corriger chaque bogue CSS ou implémenter des conceptions sans compléter le code HTML ou s'appuyer inutilement sur JavaScript.

Les responsabilités d'un développeur HTML / CSS incluraient généralement:

  • Traduction de maquettes et de wireframes de concepteurs dans le code frontal
  • Intégration frontale avec un cadre back-end
  • Optimiser l'application pour une vitesse et une évolutivité maximales
  • Assurez-vous que toutes les entrées utilisateur sont validées avant de se soumettre à la back-end
  • Créer un code et des bibliothèques réutilisables pour une utilisation future
  • Intégrer les données de divers services et bases de données back-end
  • coopérer avec les concepteurs Web pour correspondre à l'intention de conception visuelle

Puis-je évaluer JavaScript avec HTML / CSS?

Oui. Nous soutenons l'évaluation de JavaScript et HTML / CSS dans la même évaluation. Vous pouvez consulter notre test standard prêt à l'emploi JavaScript, HTML / CSS pour comprendre comment l'évaluation serait conçue. Pour les évaluations personnalisées, nous concevons les questions conformément à votre description de poste et le test final évaluera les compétences JavaScript, HTML / CSS et codage ensemble.

Puis-je évaluer les frameworks de frontend avec HTML / CSS comme React / Angular / Vue?

Oui. Vous pouvez évaluer plusieurs compétences en une seule évaluation. Vous pouvez consulter notre standard React, [angulaire](https://www.adaface.com/assessment-test/ Angularjs-Test), Vue pour avoir une idée des questions. Vous pouvez obtenir une évaluation personnalisée conçue qui a des questions pour évaluer toutes les compétences incontournables de votre description de travail. Ainsi, pour un rôle de développeur React standard, le test aura des questions pour évaluer React, JavaScript, HTML / CSS et les compétences de codage.

Qu'est-ce qu'une évaluation personnalisée?

Chaque rôle est différent et nécessite une évaluation personnalisée pour identifier efficacement les principaux candidats. Les experts en la matière ADAFACE comprennent vos exigences de description de poste / rôle et choisissez les questions les plus pertinentes de notre bibliothèque de plus de 10000 questions pour créer une évaluation technique qui vous aide à trouver rapidement les candidats qualifiés dans votre pipeline de candidats. Toutes les évaluations personnalisées sont configurées en fonction de la description du poste, des exigences des rôles, des compétences indispensables, du niveau d'expérience et de la plage de salaire dans un maximum de 48 heures et vous recevrez une notification par e-mail une fois qu'elle sera mise en ligne.

Consultez un exemple d'évaluation ici (aucune carte de crédit requise).

Puis-je combiner plusieurs compétences en une seule évaluation personnalisée?

Oui absolument. Les évaluations personnalisées sont configurées en fonction de votre description de poste et comprendront des questions sur toutes les compétences indispensables que vous spécifiez.

En quoi Adaface est-il différent des autres outils d'évaluation?

Nous pensons que les plateformes d'évaluation de la technologie du statu quo ne sont pas un moyen juste pour les entreprises d'évaluer les ingénieurs car ils se concentrent sur les questions / puzzles / algorithmes de niche. Nous avons commencé ADAFACE pour aider les entreprises à trouver de grands ingénieurs en évaluant les compétences en cours d'emploi requises pour un rôle. En savoir plus sur Pourquoi nous avons commencé Adaface.

Voici ce qui est différent avec Adaface:

  • Questions non googléables de haute qualité qui testent les compétences en cours d'emploi par opposition aux connaissances théoriques.
  • Une évaluation conversationnelle amicale avec un chatbot, au lieu d'envoyer un "test" à un candidat. Cela se traduit par un taux d'achèvement plus élevé. Évaluations ADAFACE (taux d'achèvement des candidats de 86%), par opposition aux tests traditionnels (taux d'achèvement des candidats de 40 à 50%)
  • Évaluations personnalisées pour plus de 700 compétences à différents niveaux d'expérience.

Avez-vous en place des fonctionnalités anti-chétion ou de proctorisation?

Nous avons les fonctionnalités anti-modification suivantes en place:

  • Proctoring Web
  • Proctoring webcam
  • Détection du plagairisme
  • Questions non googléables
  • navigateur sécurisé

En savoir plus sur les fonctionnalités de Proctoring.

Comment interpréter les résultats des tests?

La principale chose à garder à l'esprit est qu'une évaluation est un outil d'élimination, pas un outil de sélection. Une évaluation des compétences est optimisée pour vous aider à éliminer les candidats qui ne sont pas techniquement qualifiés pour le rôle, il n'est pas optimisé pour vous aider à trouver le meilleur candidat pour le rôle. Ainsi, la façon idéale d'utiliser une évaluation consiste à décider d'un score de seuil (généralement 55%, nous vous aidons à bencher) et à inviter tous les candidats qui marquent au-dessus du seuil pour les prochains cycles d'entrevue.

Pour quel niveau d'expérience puis-je utiliser ce test?

Chaque évaluation ADAFACE est personnalisée à votre description de poste / Persona de candidats idéaux (nos experts en la matière choisiront les bonnes questions pour votre évaluation de notre bibliothèque de 10000+ questions). Cette évaluation peut être personnalisée pour tout niveau d'expérience.

Chaque candidat reçoit-il les mêmes questions?

Oui, cela vous permet de comparer les candidats. Les options pour les questions du MCQ et l'ordre des questions sont randomisées. Nous avons Anti-Cheating / Proctoring en place. Dans notre plan d'entreprise, nous avons également la possibilité de créer plusieurs versions de la même évaluation avec des questions de niveaux de difficulté similaires.

Je suis candidat. Puis-je essayer un test de pratique?

Non. Malheureusement, nous ne soutenons pas les tests de pratique pour le moment. Cependant, vous pouvez utiliser nos exemples de questions pour la pratique.

Quel est le coût de l'utilisation de ce test?

Vous pouvez consulter nos plans de prix.

Puis-je obtenir un essai gratuit?

La plate-forme est complètement en libre-service, alors voici une façon de continuer:

  • Vous pouvez vous inscrire gratuitement pour avoir une idée de la façon dont cela fonctionne.
  • L'essai gratuit comprend un exemple d'évaluation (Java / JavaScript) que vous trouverez dans votre tableau de bord lorsque vous vous inscrivez. Vous pouvez l'utiliser pour revoir la qualité des questions et l'expérience candidate d'un test conversationnel sur Adaface.
  • Pour revoir la qualité des questions, vous pouvez également revoir nos questions publiques pour plus de 50 compétences ici.
  • Une fois que vous êtes convaincu que vous souhaitez l'essayer avec de véritables évaluations et candidats, vous pouvez choisir un plan en fonction de vos exigences.

Je viens de déménager dans un plan payant. Comment puis-je demander une évaluation personnalisée?

Voici un guide rapide sur Comment demander une évaluation personnalisée sur Adaface.

Pourquoi les recruteurs passent à Adaface

"Nous avons évalué plusieurs de leurs concurrents et trouvé qu'Adaface était le plus convaincant. Grande bibliothèque par défaut de questions conçues pour tester l'ajustement plutôt que la mémorisation des algorithmes."

Lire la suite

Guide ultime des tests préalable à l'emploi

Ce que c'est, les types et les avantages sociaux, les réservations contre eux, la montée en puissance des évaluations et des outils d'IA des candidats, et les meilleures pratiques pour la mise en œuvre de tests préalable à l'emploi dans votre entreprise.

Lire la suite

Pourquoi les ingénieurs ne feront pas vos tests de codage

Aujourd'hui, la plupart des ingénieurs froncent les sourcils à l'idée de terminer un test de codage, et plus de 50% des évaluations de statu quo refusent plus de 50% (basé sur nos recherches avec plus de 100 entreprises en mer).

Lire la suite

Avec Adaface, nous avons pu optimiser notre processus de dépistage initial de plus de 75%, libérant du temps précieux pour les gestionnaires d'embauche et notre équipe d'acquisition de talents!


Brandon Lee, Chef des gens, Love, Bonito

hashtag image heart icon Brandon
Join 1200+ companies in 75+ countries.
Essayez l'outil d'évaluation des compétences le plus candidat aujourd'hui.
Avoir des questions sur l'Adaface HTML/CSS Online Test?
Avoir des questions sur l'Adaface HTML/CSS Online Test?
Discute avec nous ✨
L'outil d'évaluation le plus candidat sur le marché