Search Adaface test library by skills or roles
⌘ K

Teste online 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 com base em:

  • Experiência/ nível de dificuldade
  • Múltiplas habilidades em 1 avaliação
  • Descrição do trabalho/ requisitos de função

Tópicos cobertos:

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

Os gerentes de contratação acharam que, através das perguntas técnicas que fizeram durante as entrevistas do painel, foram capazes de dizer quais candidatos tinham pontuações melhores e se diferenciaram com aqueles que não marcaram também. Eles são altamente satisfeito com a qualidade dos candidatos selecionados com a triagem do Adaface.


gerente de Recursos Humanos

Governo de Cingapura

85%
Redução no tempo de triagem

Sample HTML/CSS Online Test Questions

Estes são apenas uma pequena amostra da nossa biblioteca de mais de 10.000 perguntas. As perguntas reais sobre isso HTML/CSS Online Test será não-googleable.

🧐 Pergunta🔧 Habilidade💪 Dificuldade⌛ Tempo
Larguras da coluna
O layout da grade CSS ou a grade CSS é uma técnica CSS que permite aos desenvolvedores criar layouts de design da web responsivos complexos com facilidade e consistência nos navegadores. A grade CSS introduziu uma nova unidade de comprimento (FR) para criar faixas de grade flexíveis. Para seu projeto escolar, Nu escreveu o seguinte código. O que você espera que as larguras da coluna sejam?
 image
R: A 1ª coluna terá 50px de largura, a 2ª coluna terá 150px de largura e a 3ª coluna terá 300px de largura. 
C: A 1ª coluna terá 50px de largura, a 2ª coluna terá 300px de largura e a 3ª coluna terá 150px de largura. ter 1000px de largura.

Options:

  • A
  • B
  • C
  • D
HTML/CSSFácil2 minutos
Links
No HTML seguinte, qual será a cor do link com a classe "Mark"
 image

Options:

  • orange
  • black
  • blue
  • white
HTML/CSSMédio2 minutos
Lista de rodapés
Observe o elemento rodapé do site da Adaface. Qual é a melhor maneira de escrever o código HTML para isso?
 image
A) Lista ordenada 
b) Lista não ordenada dentro de um elemento nav
c) Lista ordenada dentro de um elemento nav
d) Lista não ordenada

Options:

  • A
  • B
  • C
  • D
HTML/CSSFácil2 minutos
Opções
Temos que criar um formulário HTML para o usuário para que eles possam escolher entre "não vegetariano", "eggetário" e "vegetariano". O usuário deve poder selecionar apenas uma das opções. Das opções a seguir, qual é a melhor maneira de codificar isso?
 image

Options:

  • A
  • B
  • C
  • D
HTML/CSSMédio2 minutos

How to use the Adaface HTML/CSS Online Test

Inicie a triagem de candidatos em poucos minutos com o Ready-to-Go HTML/CSS Online Test

1. Escolha o teste mais apropriado para sua função

2. Comece a convidar os candidatos para concluir a avaliação

3. Receba notificações em tempo real e entre os melhores candidatos

Personalize o Adaface HTML/CSS Online Test De acordo com a descrição do seu trabalho

1. Obtenha uma avaliação personalizada de nossa biblioteca de mais de 500 habilidades dentro de 48 horas

2. Comece a convidar os candidatos para concluir a avaliação

3. Receba notificações em tempo real e entre os melhores candidatos

Adaface HTML/CSS Online Test é confiável pelas empresas em todo o 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

Avalie as habilidades técnicas e de codificação HTML/ CSS com a plataforma de avaliação de habilidades Adaface, alimentada por um chatbot inteligente

Tópicos:

Tags HTML do núcleo
A estrutura de uma página HTML
Espaçamento
Formatação e decoração de texto
Listas
Mesas
Imagens e imagens de fundo
Flexbox
Rede
Modelo de caixa
Esquemas de posicionamento
Herança
Consultas de mídia
Propriedades do CSS
Pseudo-classes
Aulas, vãos, divisões
Propriedades de texto, margens e estofamento
Fronteiras, origens e transparência
Posicionamento - relativo, absoluto, fixo, flutuante, claro
Z-Index
Transições
Animações
Layouts responsivos
Incorporando vídeos
Âncoras/ links
Mesas e mesas aninhadas
Formulários de construção
Incorporando iframes
Svgs
Referência de arquivo
Botões
Áreas de entrada
Selecione menus
Navegação
Fontes
Formulários
Pré-processadores

Funções recomendadas:

Desenvolvedor da Web
Frontend Software Developer
Senior HTML Web Developer
Front-end Developer
Software Engineer (HTML/ CSS)
Senior Frontend Developer
Web designer

Por que você deve usar este teste de avaliação online HTML/ CSS

O teste de avaliação on -line HTML/ CSS foi projetado e validado por especialistas do setor para ajudar os recrutadores de tecnologia e contratação de gerentes a avaliar as habilidades de programação HTML/ CSS do candidato. As principais empresas de tecnologia estão usando nosso teste de programação HTML/ CSS para reduzir o tempo de triagem de candidatos em 85%.

O teste garante que os candidatos tenham as seguintes características:

  • Conhecimento das principais tags HTML e propriedades CSS
  • Capacidade de criar html responsivo com layouts modernos- grades, flexbox
  • Conhecimento de como o CSS funciona nos bastidores
  • modelando elementos HTML com CSS para estar mais perto de projetar maquetes
  • Lidando com imagens, fontes, vídeos em html
  • Criando o código HTML e CSS legíveis e escaláveis
  • Compreendendo a manipulação de JS Dom
  • linguagem de programação prática de javascript

Como você personaliza o teste para desenvolvedores de front -end sênior?

As perguntas para os desenvolvedores seniores envolverão tópicos avançados e terão um nível de dificuldade mais alto. Aqui estão poucos tópicos em que as perguntas serão baseadas em desenvolvedores da Web intermediários e experientes:

  • Conhecimento profundo de como o CSS funciona nos bastidores: a cascata, especificidade, herança, processamento de valor, modelo de formatação visual, modelo de caixa, tipos de caixas, esquemas de posicionamento e contextos de empilhamento
  • Imagens responsivas em HTML e CSS para cargas de página mais rápidas: comutação de resolução, comutação de densidade, direção de arte;
  • Manipulação DOM usando JS
  • Seletores CSS avançados, pseudo-classes e pseudo-elementos
  • Animações CSS avançadas com @keyframes, animação e transição
  • Animações baseadas em JS
  • Imagens SVG em HTML e CSS: como e por que usar o SVG, gerando sprites SVG, alterando as cores SVG em CSS e práticas recomendadas;
  • Design Responsivo Avançado: Consultas de Mídia, Mobile-First vs Desktop-primeiro, unidades EM vs REM, grades de fluido, tipos de layout, imagens flexíveis, usando consultas de mídia para testar diferentes larguras da tela, densidades de pixels e recursos de toque
  • Técnicas modernas de CSS para criar designs impressionantes: clipe, clipe de fundo, imagem-máscara, modo de fundo de fundo, forma de forma, filtro, filtro de pano de fundo, ajuste de objeto, transformação, contagem de colunas, hifensas, perspectiva , calc () e propriedades CSS personalizadas;

Além disso, as perguntas de codificação usadas para avaliar as habilidades de JavaScript serão de maior nível de dificuldade.

Distribuição das pontuações dos testes

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.

A distribuição de pontuação para nossas avaliações segue a curva normal. Este é um bom sinal de sinal, como SAT e GRE, seguem a distribuição normal (curva de sino).

As avaliações de status quo normalmente têm exatamente o oposto da curva do sino (muitos candidatos chegando perto de 0, muitos candidatos chegando perto de 100 e poucos candidatos no meio). Isso ocorre normalmente porque eles se concentram em perguntas teóricas ou questões de truque, que são muito binárias de natureza- ou você conhece o truque/ teoria ou não.

Como o Adaface é diferente

Adaface Avaliações de conversação refletem as habilidades no trabalho e veem uma taxa de conclusão de 86% em comparação com ~ 50% para plataformas de avaliação tradicionais.

À MODA ANTIGA

Testes tradicionais

Perguntas teóricas/ quebra -cabeças

Parece um teste

One-size-fits-all assessments

😞
Contratar
Semanas/meses

Nova maneira

Avaliações Adaface

Perguntas para habilidades no trabalho

Conversação

Personalizado
Assessments

😀️
Contratar
Dias

HTML/CSS Online Test FAQs

Sobre funções de trabalho html/ css

HTML (Hypertext Markup Language) é o bloco de construção mais básico da Web. Ele define o significado e a estrutura do conteúdo da Web. Outras tecnologias além do HTML são geralmente usadas para descrever a aparência/apresentação de uma página da web (CSS) ou funcionalidade/comportamento (JavaScript).

Os desenvolvedores HTML são responsáveis ​​pela codificação completa de sites de ponta a ponta. Eles fornecem suporte técnico aos usuários, projetos diretos, sites de código, desenvolvem aplicativos baseados na Web e realizam testes em sites. Eles trabalham com outros codificadores, designers e desenvolvedores de conteúdo, o que significa que as habilidades de comunicação são importantes. Os desenvolvedores de HTML devem ser capazes de traduzir projetos em código e escrever documentação técnica.

Os desenvolvedores do CSS são profissionais da Web cuja principal responsabilidade é entregar um produto polido e com estilo ao navegador de um usuário. Quase todo site usa CSS. A maioria dos desenvolvedores de front-end ou mesmo de pilha completa pode escrever o código CSS. Mas nem todos eles podem corrigir todos os bugs do CSS ou implementar projetos sem complicar o código HTML ou depender desnecessariamente do JavaScript.

As responsabilidades do desenvolvedor HTML/ CSS normalmente incluiriam:

-Tradução de maquetes e wireframes de designers para o código front-end -Integração front-end com uma estrutura de back-end

  • Otimize a aplicação para velocidade máxima e escalabilidade
  • Garanta que toda a entrada do usuário seja validada antes de enviar para o back-end
  • Construa código reutilizável e bibliotecas para uso futuro
  • integrar dados de vários serviços e bancos de dados de back-end
  • cooperar com os designers da web para combinar com a intenção do design visual

Posso avaliar o JavaScript junto com o HTML/ CSS?

Sim. Apoiamos a avaliação de JavaScript e HTML/ CSS na mesma avaliação. Você pode revisar nosso teste Padrão Ready-to-Go javascript, html/css para entender como a avaliação seria projetada. Para avaliações personalizadas, projetamos as perguntas de acordo com a descrição do seu trabalho e o teste final avaliará JavaScript, HTML/ CSS e habilidades de codificação juntos.

Posso avaliar estruturas de front -end junto com HTML/ CSS como React/ Angular/ Vue?

Sim. Você pode avaliar várias habilidades em uma única avaliação. Você pode verificar nosso padrão React, [Angular](https://www.adaface.com/assessment-test/ AngularJS-test), vue para ter uma noção de quais perguntas seriam feitas. Você pode obter uma avaliação personalizada projetada que tenha perguntas para avaliar todas as habilidades obrigatórias da sua descrição do trabalho. Portanto, para uma função padrão do desenvolvedor do React, o teste terá dúvidas para avaliar o React, JavaScript, HTML/ CSS e habilidades de codificação.

O que é uma avaliação personalizada?

Todo papel é diferente e requer uma avaliação personalizada para identificar os principais candidatos com eficiência. Os especialistas no assunto do Adaface entendem a descrição do seu trabalho/ requisitos de função e escolhem as perguntas mais relevantes de nossa biblioteca de mais de 10000 perguntas para criar uma avaliação técnica que ajuda a encontrar os candidatos qualificados em seu candidato rapidamente. Todas as avaliações personalizadas são configuradas com base na descrição do trabalho, requisitos de função, habilidades indispensáveis, nível de experiência e alcance salarial dentro de um máximo de 48 horas e você receberá uma notificação por e-mail quando for lançada.

Confira uma avaliação de amostra aqui (nenhum cartão de crédito é necessário).

Posso combinar várias habilidades em uma avaliação personalizada?

Sim absolutamente. As avaliações personalizadas são configuradas com base na descrição do seu trabalho e incluirão perguntas sobre todas as habilidades obrigatórias que você especificar.

Como o Adaface é diferente de outras ferramentas de avaliação?

Acreditamos que as plataformas de avaliação de status quo tecnológicas não são uma maneira justa para as empresas avaliarem os engenheiros porque se concentram em questões de truques/ quebra -cabeças/ algoritmos de nicho. Começamos a Adaface para ajudar as empresas a encontrar grandes engenheiros, avaliando as habilidades no trabalho necessárias para uma função. Leia mais sobre por que iniciamos o Adaface.

Aqui está o que é diferente com o Adaface:

-Perguntas não-goleadas de alta qualidade que testam as habilidades no trabalho em oposição ao conhecimento teórico.

  • Uma avaliação de conversação amigável com um chatbot, em vez de enviar um "teste" para um candidato. Isso se traduz em uma taxa de conclusão mais alta. Avaliações do Adaface (taxa de conclusão de 86% do candidato), em oposição aos testes tradicionais (taxa de conclusão de 40 a 50% do candidato)
  • Avaliações personalizadas para mais de 700 habilidades em diferentes níveis de experiência.

Você tem algum recurso anti-trapaça ou procurador?

Temos os seguintes recursos anti-trapaça:

  • Web Proctoring
  • Proctoring da webcam
  • Detecção de plagairismo
  • Perguntas não-goleadas
  • navegador seguro

Leia mais sobre os Recursos de Proctoring.

Como interpreto as pontuações dos testes?

O principal a ter em mente é que uma avaliação é uma ferramenta de eliminação, não uma ferramenta de seleção. Uma avaliação de habilidades é otimizada para ajudá -lo a eliminar os candidatos que não são tecnicamente qualificados para o papel, não é otimizado para ajudá -lo a encontrar o melhor candidato para o papel. Portanto, a maneira ideal de usar uma avaliação é decidir uma pontuação limite (normalmente 55%, ajudamos você a comparar) e convidar todos os candidatos que pontuam acima do limiar para as próximas rodadas da entrevista.

Para que nível de experiência posso usar este teste?

Cada avaliação do Adaface é personalizada para a descrição do seu trabalho/ persona do candidato ideal (nossos especialistas no assunto escolherão as perguntas certas para sua avaliação de nossa biblioteca de mais de 10000 perguntas). Esta avaliação pode ser personalizada para qualquer nível de experiência.

Todo candidato recebe as mesmas perguntas?

Sim, facilita muito a comparação de candidatos. As opções para perguntas do MCQ e a ordem das perguntas são randomizadas. Recursos anti-traking/proctoring no local. Em nosso plano corporativo, também temos a opção de criar várias versões da mesma avaliação com questões de níveis de dificuldade semelhantes.

Eu sou um candidato. Posso tentar um teste de prática?

Não. Infelizmente, não apoiamos os testes práticos no momento. No entanto, você pode usar nossas perguntas de amostra para prática.

Qual é o custo de usar este teste?

Você pode conferir nossos planos de preços.

Posso obter uma avaliação gratuita?

A plataforma é completamente auto-servida, então aqui está uma maneira de prosseguir:

Acabei de me mudar para um plano pago. Como posso solicitar uma avaliação personalizada?

Aqui está um guia rápido sobre Como solicitar uma avaliação personalizada no Adaface.

Por que os recrutadores estão mudando para o Adaface

"Avaliamos vários de seus concorrentes e achamos o Adaface o mais atraente. Ótima biblioteca padrão de perguntas projetadas para testar o ajuste, e não a memorização de algoritmos."

consulte Mais informação

Guia final para testes pré-emprego

O que é, tipos e benefícios, reservas contra eles, a ascensão de avaliações e ferramentas de IA de candidatos e as melhores práticas para implementar testes pré-emprego em sua empresa.

consulte Mais informação

Por que os engenheiros não farão seus testes de codificação

Hoje, a maioria dos engenheiros desaprova a idéia de concluir um teste de codificação e mais de 50% se recusam a fazer avaliações de status quo (com base em nossa pesquisa com mais de 100 empresas no mar).

consulte Mais informação

Com o Adaface, fomos capazes de otimizar nosso processo de triagem inicial em mais de 75%, liberando tempo precioso para os gerentes de contratação e nossa equipe de aquisição de talentos!


Brandon Lee, Chefe das pessoas, Love, Bonito

hashtag image heart icon Brandon
Join 1200+ companies in 75+ countries.
Experimente a ferramenta de avaliação de habilidades mais amigáveis ​​de candidatos hoje.
Tem alguma dúvida sobre o Adaface HTML/CSS Online Test?
Tem alguma dúvida sobre o Adaface HTML/CSS Online Test?
Converse conosco ✨
A ferramenta de avaliação mais amigável de candidatos no mercado
Termos Privacidade Guia de confiança