As 60 principais perguntas e respostas da entrevista em HTML (2025)

Aqui estão as perguntas e respostas da entrevista em HTML para calouros e também para candidatos experientes para conseguir o emprego dos sonhos.

Download gratuito de PDF: Perguntas da entrevista em HTML

---

1) O que é HTML?

HTML é a abreviatura de HyperText Markup Language e é a linguagem da World Wide Web. É a linguagem de formatação de texto padrão usada para criar e exibir páginas na Web. Os documentos HTML são compostos de duas coisas: o conteúdo e as tags que os formatam para exibição adequada nas páginas.

---

2) O que são tags?

O conteúdo é colocado entre tags HTML para formatá-lo corretamente. Faz uso do símbolo de menor que (<) e do símbolo de maior que (>). Um símbolo de barra também é usado como tag de fechamento. Por exemplo:

<strong>sample</strong>

---

3) Todas as tags HTML vêm em pares?

Não, existem tags HTML únicas que não precisam de uma tag de fechamento. Exemplos são os etiqueta e Tag.

---

4) Quais são algumas das listas comuns que podem ser usadas ao projetar uma página?

Você pode inserir qualquer um dos seguintes tipos de lista ou uma combinação deles:
– lista ordenada
– lista não ordenada
– lista de definições
– lista de cardápio
– lista de diretórios
Cada um desses tipos de lista utiliza um conjunto de tags diferente para compor

---

5) Como você insere um comentário em HTML?

Comentários em HTML começam com “ ”. Por exemplo:

<!-- A SAMPLE COMMENT -->

---

6) Todas as entidades de caracteres são exibidas corretamente em todos os sistemas?

Não, existem algumas entidades de caracteres que não podem ser exibidas quando o sistema operativo em que o navegador está sendo executado não suporta os caracteres. Quando isso acontece, esses caracteres são exibidos como caixas.

---

7) O que é um mapa de imagem?

O mapa de imagens permite vincular a muitas páginas da web diferentes usando uma única imagem. Você pode definir formas em imagens que deseja incluir em um mapeamento de imagem.

---

8) Qual é a vantagem de reduzir os espaços em branco?

Espaços em branco são uma sequência em branco de caracteres de espaço, que é tratada como um único caractere de espaço em HTML. Como o navegador recolhe vários espaços em um único espaço, você pode recuar linhas de texto sem se preocupar com vários espaços. Isso permite organizar o código HTML em um formato muito mais legível.

---

9) Os valores dos atributos podem ser definidos como qualquer coisa ou existem valores específicos que eles aceitam?

Alguns valores de atributos podem ser configurados apenas para valores predefinidos. Outros atributos podem aceitar qualquer valor numérico que represente o número de pixels de um tamanho.

---

10) Como inserir um símbolo de copyright em uma página do navegador?

Para inserir o símbolo de copyright, você precisa digitar © ou & #169; em um arquivo HTML.

---

11) Como você cria links para seções da mesma página?

Links podem ser criados utilizando a tag, com referenciamento através do uso do símbolo de número (#). Por exemplo, você pode ter uma linha como BACK TO TOP , o que resultaria nas palavras “BACK TO TOP” aparecendo na página da web e links para um marcador chamado topmost. Em seguida, você cria um comando de tag separado, como em algum lugar no topo da mesma página da web, para que o usuário seja vinculado a esse local quando clicar em “VOLTAR AO TOPO”.

---

12) Existe alguma maneira de manter os elementos da lista corretos em um arquivo HTML?

Usando recuos, você pode manter os elementos da lista retos. Se você recuar cada lista subaninhada além da lista pai que a contém, poderá determinar rapidamente as diversas listas e os elementos que ela contém.

---

13) Se você vir um endereço da web em uma revista, para qual página ele aponta?

Cada página da web na web pode ter um endereço da web separado. A maioria desses endereços é relativa à página da web mais alta. O endereço da web publicado que aparece nas revistas normalmente aponta para esta página superior. A partir desta página de nível superior, você pode acessar todas as outras páginas do site.

---

14) Qual a utilização de texto alternativo no mapeamento de imagens?

Quando você usa mapas de imagens, pode facilmente ficar confuso e difícil determinar quais pontos de acesso correspondem a quais links. Usando texto alternativo permite colocar um texto descritivo em cada link de ponto de acesso.

---

15) Os arquivos HTML mais antigos funcionam em navegadores mais recentes?

Sim, os arquivos HTML mais antigos são compatíveis com o padrão HTML. A maioria dos arquivos mais antigos funciona em navegadores mais recentes, embora alguns recursos possam não funcionar.

---

16) Um hiperlink se aplica apenas a texto?

Não, hiperlinks podem ser usados ​​tanto no texto quanto nas imagens. Isso significa que você pode converter uma imagem em um link que permitirá aos usuários acessar outra página quando clicados. Coloque a imagem entre as combinações de tags … .

---

17) Se o sistema operacional do usuário não suporta o caractere necessário, como o símbolo pode ser representado?

Nos casos em que o sistema operacional não suporta um caractere específico, ainda é possível exibir esse caractere mostrando-o como uma imagem.

---

18) Como você altera o tipo de número no meio de uma lista?

O tag inclui dois atributos – tipo e valor. O atributo type pode ser usado para alterar o tipo de numeração de qualquer item da lista. O atributo value pode alterar o índice numérico.

---

19) O que são folhas de estilo?

As folhas de estilo permitem criar modelos de estilo consistentes, transportáveis ​​e bem definidos. Esses modelos podem ser vinculados a várias páginas da web diferentes, facilitando a manutenção e a alteração da aparência de todas as páginas da web no site.

---

20) Tipos de marcadores de estado disponíveis em HTML

Com listas ordenadas, você pode optar por usar alguns tipos de lista diferentes, incluindo algarismos alfabéticos e romanos. O atributo type para listas não ordenadas pode ser definido como disco, quadrado ou círculo.

---

21) Como você cria texto multicolorido em uma página web?

Para criar texto com cores diferentes, use as tags … para cada caractere ao qual deseja aplicar cor. Você pode usar essa combinação de tags quantas vezes forem necessárias, envolvendo um único caractere ou uma palavra inteira.

---

22) Por que existem valores de entidade de caracteres numéricos e nomeados?

Os valores numéricos são retirados dos valores ASCII para os vários caracteres, mas podem ser difíceis de lembrar. Por causa disso, valores de entidades de caracteres nomeados foram criados para facilitar o uso pelos designers de páginas da web.

---

23) Escreva uma sequência de tags de tabela HTML que produza o seguinte:
50 peças 100 500
10 peças 5 50

Responda:

<table> 
<tr> 
<td>50 pcs</td> 
<td>100</td> 
<td>500</td> 
</tr> 
<tr> 
<td>10 pcs</td> 
<td>5</td> 
<td>50</td> 
</tr> 
</table>

---

24) Qual a vantagem de agrupar várias caixas de seleção?

Embora as caixas de seleção não afetem umas às outras, agrupá-las ajuda a organizá-las. Os botões de caixa de seleção podem ter seu nome e não precisam pertencer a um grupo. Uma única página da web pode ter muitos grupos diferentes de caixas de seleção.

---

25) O que acontecerá se você sobrepor conjuntos de tags?

Se dois conjuntos de tags HTML estiverem sobrepostos, somente a primeira tag será reconhecida. Você encontrará esse problema quando o texto não for exibido corretamente na tela do navegador.

---

26) O que são miniaplicativos?

Applets são pequenos programas que podem ser incorporados em páginas da web para executar algumas funcionalidades específicas, como cálculos, animações e processamento de informações. Os miniaplicativos são escritos usando a linguagem Java.

---

27) E se não houver texto entre as tags ou se algum texto foi omitido por engano? Isso afetará a exibição do arquivo HTML?

Se não houver texto entre as tags, não há nada para formatar. Portanto, nenhuma formatação aparecerá. Algumas tags, especialmente tags sem uma tag de fechamento como a tag, não requer nenhum texto entre eles.

---

28) É possível definir cores específicas para bordas de mesas?

Você pode especificar uma cor de borda usando folhas de estilo, mas as cores de uma tabela que não usa folhas de estilo serão iguais à cor do texto.

---

29) Como você cria um link que se conectará a outra página da web quando clicado?

Para criar hiperlinks ou links que se conectam a outra página da web, use a tag href. O formato geral para isso é: texto
Substitua “site” pelo URL da página real que deve ser vinculada quando o texto for clicado.

---

30) Que outras formas podem ser usadas para alinhar imagens e quebrar texto?

As tabelas podem ser usadas para posicionar texto e imagens. Outra maneira útil de envolver o texto em uma imagem é usar folhas de estilo.

---

31) Um único link de texto pode apontar para duas páginas da web diferentes?

Não. A tag pode aceitar apenas um único atributo href e pode apontar para apenas uma única página da web.

---

32) Qual a diferença entre as listas de diretórios e menus e a lista não ordenada?

A principal diferença é que as listas de diretório e menu não incluem atributos para alterar o estilo do marcador.

---

33) Você pode mudar a cor dos marcadores?

A cor do marcador é sempre a mesma do primeiro caractere do item da lista. Se você cercar o e o primeiro caractere com um conjunto de tags com o atributo color definido, a cor do marcador, e o primeiro caractere terá uma cor diferente do texto.

---

34) Quais são os limites do tamanho do campo de texto?

O tamanho padrão de um campo de texto é de cerca de 13 caracteres. No entanto, se você incluir o atributo size, poderá definir o valor do tamanho como 1. O valor máximo do tamanho será determinado pela largura do navegador. Se o atributo size for definido como 0, o tamanho será definido como o tamanho padrão de 13 caracteres.

---

35) Faça tags sempre precisam vir no início de uma linha ou coluna?

Qualquer tag pode ser alterada para um marcação. Isso faz com que o texto contido no tag seja exibida em negrito no navegador. Embora tags são usadas principalmente para títulos, elas não precisam ser usadas exclusivamente para títulos.

---

36) Qual é a relação entre os atributos de fronteira e de regra?

As bordas das células padrão, com espessura de 1 pixel, serão adicionadas automaticamente entre as células se o atributo border for definido com um valor diferente de zero. Da mesma forma, se o atributo border não estiver incluído, uma borda padrão de 1 pixel aparecerá se o atributo regras for adicionado ao marcação.

---

37) O que é uma marquise?

Uma marca de seleção permite colocar um texto de rolagem em uma página da web. Para fazer isso, coloque o texto que deseja que apareça rolando dentro do e Tag.

---

38) Como você cria um texto em uma página da web que permitirá enviar um e-mail quando clicado?

Para transformar o texto em um link clicável para enviar e-mail, use o comando mailto dentro da tag href. O formato é o seguinte:

<A HREF=”mailto:youremailaddress”>text to be clicked</A>

 

---

39) São tags a única maneira de separar seções de texto?

Não. O tag é apenas uma maneira de separar linhas de texto. Outras tags, como a etiqueta e tag, também separe seções de texto.

---

40) Existem casos em que o texto aparecerá fora do navegador?

Por padrão, o texto é quebrado para aparecer na janela do navegador. No entanto, se o texto fizer parte de uma célula de tabela com largura definida, o texto poderá se estender além da janela do navegador.

---

41) Qual a diferença entre os links ativos e os links normais?

A cor padrão para links normais e ativos é azul. Alguns navegadores reconhecem um link ativo quando o cursor do mouse é colocado sobre esse link; outros reconhecem links ativos quando o link está em foco. Aqueles que não têm o cursor do mouse sobre esse link são considerados um link normal.

---

42) As folhas de estilo limitam o número de novas definições de estilo que podem ser incluídas entre colchetes?

As folhas de estilo não limitam o número de definições de estilo que podem ser incluídas entre colchetes para um determinado seletor. Cada nova definição de estilo, entretanto, deve ser separada das demais por um símbolo de ponto e vírgula.

---

43) Posso especificar valores de peso fracionário como 670 ou 973 para peso da fonte?

A implementação depende muito do navegador, mas o padrão não suporta valores de peso fracionário. Os valores aceitáveis ​​devem terminar com dois zeros.

---

44) Qual é a hierarquia que está sendo seguida quando se trata de folhas de estilo?

Se um único seletor incluir três definições de estilo diferentes, a definição que estiver mais próxima da tag real terá precedência. O estilo embutido tem prioridade sobre as folhas de estilo incorporadas, que têm prioridade sobre as folhas de estilo externas.

---

45) Vários seletores com nomes de classes podem ser agrupados?

Você pode definir vários seletores com a mesma definição de estilo separando-os com vírgulas. Essa mesma técnica também funciona para seletores com nomes de classes.

---

46) O que acontece se você abrir o externo APF arquivo em um navegador?

Quando você tenta abrir o arquivo CSS externo em um navegador, o navegador não consegue abrir o arquivo, porque o arquivo tem uma extensão diferente. A única maneira de usar um arquivo CSS externo é referenciá-lo usando tag dentro de outro documento HTML.

---

47) Como transformar uma imagem na imagem de fundo de uma página da web?

Para fazer isso, coloque um código de tag após o marque da seguinte forma:

<body background = “image.gif”>

Substitua image.gif pelo nome do seu arquivo de imagem. Isso tirará a foto e a tornará a imagem de fundo da sua página da web.

---

48) O que acontece se a propriedade list-style-type for usada em um elemento que não é da lista, como um parágrafo?

Se a propriedade do tipo estilo de lista for usada em um elemento que não seja da lista, como um parágrafo, a propriedade será ignorada e não afetará o parágrafo.

---

49) Quando é apropriado usar molduras?

Os frames podem tornar a navegação em um site muito mais fácil. Se os links principais para o site estiverem localizados em um quadro que aparece na parte superior ou ao longo da borda do navegador, o conteúdo desses links poderá ser exibido no restante da janela do navegador.

---

50) O que acontece se o número de valores no atributo rows ou cols não totalizar 100 por cento?

O navegador dimensiona os quadros em relação à soma total dos valores. Se o atributo cols estiver definido como 100%, 200%, o navegador exibirá dois quadros verticais, sendo o segundo duas vezes maior que o primeiro.

---

51) Quais navegadores suportam HTML5?

As versões mais recentes do Google Chrome, Apple Safari, Mozilla Firefox e Opera suportam a maioria dos recursos HTML5.

---

52) Cite duas novas tags incluídas no HTML 5

e são novas tags incluídas na versão HTML5. Eles são usados ​​principalmente como substitutos do Flash, Silverlight e tecnologias similares para reproduzir itens multimídia.

---

53) Você sabe quais são as duas tags semânticas incluídas na versão HTML5?

O e tags são duas novas tags incluídas no HTML5. Os artigos podem ser compostos de múltiplas seções que podem conter vários artigos. Uma tag de artigo representa um bloco completo de conteúdo que é uma seção de um todo maior.

---

54) O que é em HTML5?

Esta tag representa uma parte do conteúdo de fluxo independente. É usado principalmente como uma unidade única como referência ao fluxo principal do documento.

---

55) Qual é a utilidade do elemento Canvas?

O elemento canvas ajuda a construir tabelas, gráficos, ignorar Photoshop para criar imagens 2D e colocá-las diretamente no código HTML5.

---

56) Quais são os novos elementos FORM disponíveis no HTML5?

Os novos elementos Form em HTML5 oferecem funcionalidades muito melhores do que as versões anteriores.

As tags fornecidas para realizar essas funções são:

1) – Esta tag é usada para especificar uma lista de opções para controles de entrada.

2) – Esta tag representa um campo gerador de par de chaves.

3) – Representa o resultado de qualquer cálculo de script.

---

57) Conte-me dois benefícios do armazenamento na Web HTML5

Dois benefícios principais do armazenamento na Web HTML5:

• Ele pode armazenar até 10 MB de dados, o que certamente é mais do que os cookies possuem.
• Os dados de armazenamento na Web não podem ser transferidos com a solicitação HTTP. Ajuda a aumentar o desempenho do aplicativo.

---

58) Quais são os dois tipos de armazenamento web em HTML5?

Dois tipos de armazenamento de HTML5 são:

Armazenamento de sessão: Ele armazena apenas dados da sessão atual. Isso significa que os dados armazenados no armazenamento da sessão são apagados automaticamente quando o navegador é fechado.

Armazenamento local: O armazenamento local é outro tipo de armazenamento na Web HTML5. No armazenamento local, os dados não são excluídos automaticamente quando a janela atual do navegador é fechada.

---

59) O que é Cache de Aplicativo em HTML5 e por que ele é usado?

O conceito de cache de aplicativo significa que um aplicativo da web é armazenado em cache. Pode ser acessível sem a necessidade de conexão com a internet.

Algumas vantagens do Cache de Aplicativo:

1. Navegação off-line – Os usuários da Web também podem usar o aplicativo quando estiverem offline.
2. Velocidade - Os recursos armazenados em cache são carregados mais rapidamente
3. Reduza a carga do servidor – O navegador da web baixará apenas recursos atualizados do servidor.

---

60) Explique cinco novos tipos de entrada fornecidos pelo HTML5 para formulários?

A seguir estão os novos e importantes tipos de dados oferecidos pelo HTML5:

1. Data: Ele permite que o usuário selecione uma data.
2. datahora-local: Este tipo de entrada permite ao usuário selecionar uma data e hora sem fuso horário.
3. data hora: Este tipo de entrada permite ao usuário selecionar uma data e hora com fuso horário.
4. mês: Permite ao usuário selecionar um mês e ano
5. o email: Esses campos de entrada costumavam conter um endereço de e-mail.

Essas perguntas da entrevista também ajudarão na sua viva (oral). Para construir uma carreira brilhante como UI / UX desenvolvedor, os candidatos precisam responder à entrevista na qual são solicitadas várias perguntas da entrevista em HTML5.