Search Adaface test library by skills or roles
⌘ K

Prueba en línea de 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.

Personalizado basado en:

  • Experiencia/ Nivel de dificultad
  • Múltiples habilidades en 1 evaluación
  • Descripción del trabajo/ requisitos de rol

Temas cubiertos:

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
Ver lista completa
Singapore government logo

Los gerentes de contratación sintieron que a través de las preguntas técnicas que hicieron durante las entrevistas del panel, pudieron decir qué candidatos tenían mejores puntajes, y diferenciados con aquellos que no obtuvieron puntajes también. Están altamente satisfecho con la calidad de los candidatos preseleccionados con la proyección de Adaface.


Gerente de Recursos Humanos

Gobierno de Singapur

85%
Reducción en el tiempo de detección

Sample HTML/CSS Online Test Questions

Estas son solo una pequeña muestra de nuestra biblioteca de más de 10,000 preguntas. Las preguntas reales sobre esto HTML/CSS Online Test no se puede obtener.

🧐 Pregunta🔧 Habilidad💪 Dificultad⌛ Tiempo
Anchos de columna
El diseño de la cuadrícula CSS o la cuadrícula CSS es una técnica CSS que permite a los desarrolladores crear diseños de diseño web complejos complejos de manera fácil y consistente entre los navegadores. La cuadrícula CSS introdujo una nueva unidad de longitud (FR) para crear pistas de cuadrícula flexibles. Para su proyecto escolar, Nu escribió el siguiente código. ¿Qué esperas que sean los anchos de la columna?
 image
R: La primera columna tendrá 50 px de ancho, la segunda columna tendrá 150 px de ancho y la tercera columna tendrá 300 px de ancho. 
B: la primera columna tendrá 50 px de ancho, la segunda columna tendrá 50 px de ancho y la tercera columna tendrá 100px de ancho.
c: la primera columna tendrá 50 px de ancho, la segunda columna tendrá 300 px de ancho y la tercera columna tendrá 150 px de ancho.
d: la primera columna tendrá 50 px de ancho, la segunda columna será de 500px de ancho y tercera columna Be 1000px de ancho.

Options:

  • A
  • B
  • C
  • D
HTML/CSSFácil2 minutos
Enlaces
En el siguiente HTML, ¿cuál será el color del enlace con la clase "marca"
 image

Options:

  • orange
  • black
  • blue
  • white
HTML/CSSMedio2 minutos
Lista de fútbol
Observe el elemento de pie de página del sitio web de Adaface. ¿Cuál es la mejor manera de escribir código HTML para esto?
 image
A) Lista ordenada 
b) Lista desordenada dentro de un elemento NAV
c) Lista ordenada dentro de un elemento NAV
d) Lista desordenada

Options:

  • A
  • B
  • C
  • D
HTML/CSSFácil2 minutos
Opción
Tenemos que crear un formulario HTML para el usuario para que puedan elegir entre "no vegetariano", "eggetaria" y "vegetariano". El usuario debe poder seleccionar solo una de las opciones. De las siguientes opciones, ¿cuál es la mejor manera de codificar esto?
 image

Options:

  • A
  • B
  • C
  • D
HTML/CSSMedio2 minutos

How to use the Adaface HTML/CSS Online Test

Comience a evaluar a los candidatos en cuestión de minutos con el listo para llevar HTML/CSS Online Test

1. Elija la prueba más adecuada para su papel

2. Comience a invitar a los candidatos a completar la evaluación

3. Reciba notificaciones en tiempo real y preseleccione a los mejores candidatos

Personalizar el Adaface HTML/CSS Online Test Según la descripción de su trabajo

1. Obtenga una evaluación personalizada de nuestra biblioteca de más de 500 habilidades dentro de las 48 horas

2. Comience a invitar a los candidatos a completar la evaluación

3. Reciba notificaciones en tiempo real y preseleccione a los mejores candidatos

Adaface HTML/CSS Online Test las empresas confían en todo el mundo

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

Evaluar las habilidades técnicas y de codificación HTML/ CSS con la plataforma de evaluación de habilidades de AdaFace impulsada por un chatbot inteligente

Temas:

Etiquetas de html de núcleo
La estructura de una página HTML
Espaciado
Formato de texto y decoración
Liza
Mesas
Imágenes e imágenes de fondo
Flexbox
Cuadrícula
Modelo
Esquemas de posicionamiento
Herencia
Preguntas de los medios
Propiedades CSS
Pseudo-clases
Clases, tramos, divisiones
Propiedades de texto, márgenes y relleno
Bordes, fondos y transparencia
Posicionamiento: relativo, absoluto, fijo, flotante, claro
Índice z
Transiciones
Animaciones
Diseños receptivos
Videos de incrustación
Anclajes/ enlaces
Mesas y mesas anidadas
Formularios de construcción
Incrustación de iframes
SVGS
Referencia de archivo
Botones
Áreas de entrada
Seleccionar menús
Navegación
Fuentes
Formularios
Preprocesadores

Roles recomendados:

Desarrollador web
Frontend Software Developer
Senior HTML Web Developer
Front-end Developer
Software Engineer (HTML/ CSS)
Senior Frontend Developer
Diseñador web

Por qué debe usar esta prueba de evaluación en línea HTML/ CSS

La prueba de evaluación en línea HTML/ CSS está diseñada y validada por expertos de la industria para ayudar a los reclutadores de tecnología y contratación de gerentes a evaluar las habilidades de programación HTML/ CSS del candidato. Las principales empresas tecnológicas están utilizando nuestra prueba de programación HTML/ CSS para reducir el tiempo de detección de candidatos en un 85%.

La prueba asegura que los candidatos tengan los siguientes rasgos:

  • Conocimiento de etiquetas HTML básicas y propiedades CSS
  • Capacidad para crear HTML receptivo con diseños modernos: cuadrículas, Flexbox
  • Conocimiento de cómo funciona CSS detrás de escena
  • Estilizar elementos HTML con CSS para estar más cerca de las maquetas de diseño
  • Manejo de imágenes, fuentes, videos en HTML
  • Creación de código HTML y CSS legible y escalable
  • Comprender la manipulación de JS DOM
  • Lenguaje de programación JavaScript práctico

¿Cómo se personaliza la prueba para los desarrolladores de frontend senior?

Las preguntas para los desarrolladores superiores involucrarán temas avanzados y serán de mayor nivel de dificultad. Aquí hay pocos temas en los que las preguntas se basarán para desarrolladores web intermedios y experimentados:

  • Conocimiento profundo de cómo CSS funciona detrás de escena: la cascada, la especificidad, la herencia, el procesamiento de valor, el modelo de formato visual, el modelo de caja, los tipos de caja, los esquemas de posicionamiento y los contextos de apilamiento
  • Imágenes receptivas en HTML y CSS para cargas de página más rápidas: conmutación de resolución, conmutación de densidad, dirección de arte;
  • Manipulación DOM usando JS
  • Selectores CSS avanzados, pseudo-clases y pseudo-elementos
  • Animaciones CSS avanzadas con @Keyframes, animación y transición
  • Animaciones basadas en JS
  • Imágenes SVG en HTML y CSS: cómo y por qué usar SVG, generar sprites SVG, cambiar los colores SVG en CSS y las mejores prácticas;
  • Diseño receptivo avanzado: consultas de medios, móvil primero frente a escritorio primero, unidades EM vs REM, redes fluidas, tipos de diseño, imágenes flexibles, utilizando consultas de medios para probar diferentes anchos de pantalla, densidades de píxeles y capacidades táctiles
  • Técnicas modernas de CSS para crear diseños impresionantes: clip-ruta, clip de fondo, imagen de máscara, modificación de mezcla de fondo, forma de forma, filtro, filtro de fondo, ajuste de objetos, transformación, conteo de columnas, guiones, perspectiva , calc () y propiedades CSS personalizadas;

Además, las preguntas de codificación utilizadas para evaluar las habilidades de JavaScript serán de mayor nivel de dificultad.

Distribución de puntajes de prueba

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 distribución de puntaje para nuestras evaluaciones sigue la curva normal. Esta es una buena señal: las pruebas estandarizadas como SAT y GRE siguen la distribución normal (curva de campana).

Las evaluaciones de status quo generalmente tienen exactamente lo contrario de la curva de campana (demasiados candidatos que se acercan a 0, demasiados candidatos que se acercan a 100 y muy pocos candidatos en el medio). Esto suele ser porque se centran en preguntas teóricas o preguntas de truco, que son de naturaleza muy binaria, ya sea que conoces el truco/ teoría o no.

Cómo Adaface es diferente

Adafacio evaluaciones de conversación reflejan las habilidades en el trabajo y ver una tasa de finalización del 86% en comparación con ~ 50% para las plataformas de evaluación tradicionales.

VIEJA FORMA

Pruebas tradicionales

Preguntas/ rompecabezas teóricos

Se siente como una prueba

One-size-fits-all assessments

😞
Contratar
Semanas/meses

NUEVA MANERA

Evaluaciones de AdaFace

Preguntas para las habilidades en el trabajo

Conversacional

Personalizado
evaluaciones

😀️
Contratar
Días

HTML/CSS Online Test FAQs

Acerca de los roles laborales HTML/ CSS

HTML (lenguaje de marcado de hipertexto) es el bloque de construcción más básico de la web. Define el significado y la estructura del contenido web. Otras tecnologías además de HTML generalmente se utilizan para describir la apariencia/presentación de una página web (CSS) o la funcionalidad/comportamiento (JavaScript).

Los desarrolladores de HTML son responsables de la codificación completa de los sitios web de extremo a extremo. Proporcionan soporte técnico a los usuarios, proyectos directos, sitios web de código, desarrollan aplicaciones basadas en la web y realizan pruebas en sitios web. Trabajan con otros codificadores, diseñadores y desarrolladores de contenido, lo que significa que las habilidades de comunicación son importantes. Los desarrolladores de HTML deben poder traducir diseños en código y escribir documentación técnica.

Los desarrolladores de CSS son profesionales web cuya responsabilidad principal es entregar un producto pulido y de estilo al navegador de un usuario. Casi todos los sitios web usan CSS. La mayoría de los desarrolladores frontend o incluso de pila completa podrían escribir el código CSS. Pero no todos pueden corregir todos los errores CSS o implementar diseños sin completar el código HTML o confiar innecesariamente en JavaScript.

Las responsabilidades de un desarrollador HTML/ CSS generalmente incluirían:

-Traducción de maquetas de diseñadores y marcas alámbricas al código frontal -Integración frontal con un marco de fondo

  • Optimizar la aplicación para la máxima velocidad y escalabilidad
  • Asegúrese de que toda la entrada del usuario se valida antes de enviar al fondo
  • Cree un código reutilizable y bibliotecas para uso futuro
  • Integrar datos de varios servicios y bases de datos de back-end
  • Cooperar con diseñadores web para que coincidan con la intención de diseño visual

¿Puedo evaluar JavaScript junto con HTML/ CSS?

Sí. Apoyamos la evaluación de JavaScript y HTML/ CSS en la misma evaluación. Puede revisar nuestra prueba estándar Ready To-Go javascript, html/css para comprender cómo se diseñaría la evaluación. Para las evaluaciones personalizadas, diseñamos las preguntas según la descripción de su trabajo y la prueba final evaluará JavaScript, HTML/ CSS y habilidades de codificación juntos.

¿Puedo evaluar los marcos frontend junto con HTML/ CSS como React/ Angular/ Vue?

Sí. Puede evaluar múltiples habilidades en una sola evaluación. Puede consultar nuestro estándar React, [angular](https://www.adaface.com/assessment-test/ Angularjs-test), Vue evaluaciones para tener una idea de qué preguntas se harían. Puede obtener una evaluación personalizada diseñada que tenga preguntas para evaluar todas las habilidades imprescindibles de la descripción de su trabajo. Entonces, para un rol de desarrollador react estándar, la prueba tendrá preguntas para evaluar React, JavaScript, HTML/ CSS y habilidades de codificación.

¿Qué es una evaluación personalizada?

Cada rol es diferente y requiere una evaluación personalizada para identificar a los principales candidatos de manera eficiente. Los expertos en la materia de AdaFace entienden los requisitos de descripción/ rol de su trabajo y eligen las preguntas más relevantes de nuestra biblioteca de más de 10000 preguntas para crear una evaluación técnica que lo ayude a encontrar los candidatos calificados en su cartera de candidatos rápidamente. Todas las evaluaciones personalizadas se configuran en función de la descripción del trabajo, los requisitos de rol, las habilidades imprescindibles, el nivel de experiencia y el rango de salario dentro de un máximo de 48 horas y recibirá una notificación por correo electrónico una vez que se ponga en marcha.

Consulte una evaluación de muestra aquí (no se requiere tarjeta de crédito).

¿Puedo combinar múltiples habilidades en una evaluación personalizada?

Si, absolutamente. Las evaluaciones personalizadas se configuran en función de la descripción de su trabajo e incluirán preguntas sobre todas las habilidades imprescindibles que especifique.

¿En qué se diferencia la Adaface de otras herramientas de evaluación?

Creemos que las plataformas de evaluación de tecnología de status quo no son una forma justa para que las empresas evalúen a los ingenieros porque se centran en preguntas de truco/ rompecabezas/ algoritmos de nicho. Comenzamos Adaface para ayudar a las empresas a encontrar grandes ingenieros mediante la evaluación de las habilidades en el trabajo requeridas para un rol. Lea más sobre por qué comenzamos Adaface.

Esto es lo que es diferente con Adaface:

-Preguntas de alta calidad no getreables que evalúan las habilidades en el trabajo en lugar del conocimiento teórico.

  • Una evaluación de conversación amistosa con un chatbot, en lugar de enviar una "prueba" a un candidato. Esto se traduce en una tasa de finalización más alta. Evaluaciones de AdaFace (tasa de finalización del candidato del 86%), a diferencia de las pruebas tradicionales (tasa de finalización del candidato 40-50%)
  • Evaluaciones personalizadas para más de 700 habilidades en diferentes niveles de experiencia.

¿Tiene alguna característica anti-trato o procuración en su lugar?

Tenemos las siguientes características anti-trate en su lugar:

  • Procedor web
  • Procedores de cámara web
  • Detección de plagairismo
  • Preguntas no postradas
  • navegador seguro

Lea más sobre las funciones de procuración.

¿Cómo interpreto los puntajes de las pruebas?

Lo principal a tener en cuenta es que una evaluación es una herramienta de eliminación, no una herramienta de selección. Una evaluación de habilidades está optimizada para ayudarlo a eliminar a los candidatos que no están técnicamente calificados para el rol, no está optimizado para ayudarlo a encontrar el mejor candidato para el papel. Por lo tanto, la forma ideal de usar una evaluación es decidir un puntaje umbral (generalmente del 55%, lo ayudamos a comparar) e invitar a todos los candidatos que obtienen un puntaje por encima del umbral para las próximas rondas de la entrevista.

¿Para qué nivel de experiencia puedo usar esta prueba?

Cada evaluación de AdaFace está personalizada para su descripción de trabajo/ persona candidata ideal (nuestros expertos en la materia elegirán las preguntas correctas para su evaluación de nuestra biblioteca de más de 10000 preguntas). Esta evaluación se puede personalizar para cualquier nivel de experiencia.

¿Cada candidato tiene las mismas preguntas?

Sí, te hace mucho más fácil comparar los candidatos. Las opciones para las preguntas de MCQ y el orden de las preguntas son aleatorizados. Tenemos características anti-trato/procuración en su lugar. En nuestro plan empresarial, también tenemos la opción de crear múltiples versiones de la misma evaluación con cuestiones de niveles de dificultad similares.

Soy candidato. ¿Puedo probar una prueba de práctica?

No. Desafortunadamente, no apoyamos las pruebas de práctica en este momento. Sin embargo, puede usar nuestras preguntas de muestra para la práctica.

¿Cuál es el costo de usar esta prueba?

Puede consultar nuestros planes de precios.

¿Puedo obtener una prueba gratuita?

La plataforma es completamente autosuficiente, así que aquí hay una forma de proceder:

  • Puede registrarse gratis para tener una idea de cómo funciona.
  • La prueba gratuita incluye una evaluación de muestra (Java/ JavaScript) que encontrará en su tablero cuando se registre. Puede usarlo para revisar la calidad de las preguntas y la experiencia candidata de una prueba de conversación en Adaface.
  • Para revisar la calidad de las preguntas, también puede revisar nuestras preguntas públicas para más de 50 habilidades aquí.
  • Una vez que esté convencido de que desea probarlo con evaluaciones reales y candidatos, puede elegir un plan de acuerdo con sus requisitos.

Me acabo de mudar a un plan pagado. ¿Cómo puedo solicitar una evaluación personalizada?

Aquí hay una guía rápida sobre cómo solicitar una evaluación personalizada en Adaface.

Por qué los reclutadores están cambiando a Adaface

"Evaluamos a varios de sus competidores y encontramos que Adaface es la más convincente. Gran biblioteca predeterminada de preguntas que están diseñadas para probar el ajuste en lugar de la memorización de algoritmos."

Lee mas

Guía definitiva para pruebas de pre-empleo

Qué es, tipos y beneficios, reservas en su contra, el aumento de las evaluaciones amigables para los candidatos y las herramientas de inteligencia artificial, y las mejores prácticas para implementar pruebas previas al empleo en su empresa.

Lee mas

Por qué los ingenieros no harán sus pruebas de codificación

La mayoría de los ingenieros fruncen el ceño de hoy ante la idea de completar una prueba de codificación, y más del 50% se niegan directamente a realizar evaluaciones de status quo (basadas en nuestra investigación con más de 100 compañías en el mar).

Lee mas

Con Adaface, pudimos optimizar nuestro proceso de detección inicial en más del 75%, ¡liberando un tiempo precioso tanto para los gerentes de contratación como para nuestro equipo de adquisición de talentos por igual!


Brandon Lee, Jefe de personas, Love, Bonito

hashtag image heart icon Brandon
Join 1200+ companies in 75+ countries.
Pruebe la herramienta de evaluación de habilidades más amigables para los candidatos hoy en día.
Tener alguna pregunta sobre el Adaface HTML/CSS Online Test?
Tener alguna pregunta sobre el Adaface HTML/CSS Online Test?
habla con nosotros ✨
La herramienta de evaluación más amigable para los candidatos en el mercado