Las 60 mejores preguntas y respuestas de entrevistas HTML (2023)
Aquí hay preguntas y respuestas de entrevistas HTML para principiantes y candidatos experimentados para obtener el trabajo de sus sueños.
Descarga gratuita de PDF: Preguntas de la entrevista en HTML
1) ¿Qué es HTML?
HTML es la abreviatura de HyperText Markup Language y es el lenguaje de la World Wide Web. Es el lenguaje de formato de texto estándar utilizado para crear y mostrar páginas en la Web. Los documentos HTML se componen de dos cosas: el contenido y las etiquetas que le dan formato para que se muestren correctamente en las páginas.
2) ¿Qué son las etiquetas?
El contenido se coloca entre las etiquetas HTML para formatearlo correctamente. Utiliza el símbolo menor que (<) y el símbolo mayor que (>). También se utiliza un símbolo de barra oblicua como etiqueta de cierre. Por ejemplo:
<strong>sample</strong>
3) ¿Todas las etiquetas HTML vienen en pares?
No, hay etiquetas HTML individuales que no necesitan una etiqueta de cierre. Ejemplos son los etiquetar y etiquetas
4) ¿Cuáles son algunas de las listas comunes que se pueden usar al diseñar una página?
Puede insertar cualquiera o una combinación de los siguientes tipos de lista:
- lista ordenada
- lista desordenada
– lista de definiciones
– lista de menú
– lista de directorios
Cada uno de estos tipos de lista utiliza un conjunto de etiquetas diferente para componer
5) ¿Cómo se inserta un comentario en HTML?
Los comentarios en HTML comienzan con " ”. Por ejemplo:
<!-- A SAMPLE COMMENT -->
6) ¿Todas las entidades de caracteres se muestran correctamente en todos los sistemas?
No, hay algunas entidades de caracteres que no se pueden mostrar cuando el sistema operativo en el que se ejecuta el navegador no admite los caracteres. Cuando eso sucede, estos caracteres se muestran como cuadros.
7) ¿Qué es un mapa de imágenes?
El mapa de imagen le permite enlazar a muchas páginas web diferentes usando una sola imagen. Puede definir formas en las imágenes que desea que formen parte de un mapeo de imágenes.
8) ¿Cuál es la ventaja de colapsar el espacio en blanco?
Los espacios en blanco son una secuencia en blanco de caracteres de espacio, que se trata como un carácter de espacio único en HTML. Debido a que el navegador colapsa múltiples espacios en un solo espacio, puede sangrar líneas de texto sin preocuparse por múltiples espacios. Esto le permite organizar el código HTML en un formato mucho más legible.
9) ¿Se pueden establecer valores de atributos en cualquier cosa o hay valores específicos que aceptan?
Algunos valores de atributo se pueden establecer solo en valores predefinidos. Otros atributos pueden aceptar cualquier valor numérico que represente el número de píxeles de un tamaño.
10) ¿Cómo se inserta un símbolo de copyright en una página del navegador?
Para insertar el símbolo de copyright, debe escribir © o & #169; en un archivo HTML.
11) ¿Cómo se crean enlaces a secciones dentro de la misma página?
Los enlaces se pueden crear utilizando la etiqueta, con referencia mediante el uso del símbolo de número (#). Por ejemplo, puede tener una línea como VOLVER ARRIBA , lo que daría como resultado que las palabras "VOLVER ARRIBA" aparezcan en la página web y se vinculen a un marcador llamado topmost. Luego crea un comando de etiqueta separado como en algún lugar en la parte superior de la misma página web para que el usuario se vincule a ese lugar cuando haga clic en "VOLVER ARRIBA".
12) ¿Hay alguna forma de mantener los elementos de la lista directamente en un archivo HTML?
Al usar sangrías, puede mantener los elementos de la lista rectos. Si sangra cada lista subanidada más allá de la lista principal que la contiene, puede determinar de un vistazo las diversas listas y los elementos que contiene.
13) Si ves una dirección web en una revista, ¿a qué página web apunta?
Cada página web en la web puede tener una dirección web separada. La mayoría de estas direcciones son relativas a la página web superior. La dirección web publicada que aparece dentro de las revistas generalmente apunta a esta página superior. Desde esta página de nivel superior, puede acceder a todas las demás páginas dentro del sitio web.
14) ¿Cuál es el uso de texto alternativo en el mapeo de imágenes?
Cuando utiliza mapas de imágenes, puede volverse confuso y difícil determinar qué puntos de acceso corresponden a qué enlaces. El uso de texto alternativo le permite colocar un texto descriptivo en cada enlace de punto de acceso.
15) ¿Funcionan los archivos HTML más antiguos en los navegadores más nuevos?
Sí, los archivos HTML más antiguos cumplen con el estándar HTML. La mayoría de los archivos más antiguos funcionan en los navegadores más nuevos, aunque es posible que algunas funciones no funcionen.
16) ¿Se aplica un hipervínculo solo al texto?
No, los hipervínculos se pueden utilizar tanto en el texto como en las imágenes. Eso significa que puede convertir una imagen en un enlace que permitirá a los usuarios vincular a otra página cuando hagan clic. Rodea la imagen dentro de las combinaciones de etiquetas .
17) Si el sistema operativo del usuario no admite el carácter necesario, ¿cómo se puede representar el símbolo?
En los casos en los que su sistema operativo no admita un carácter en particular, aún es posible mostrar ese carácter mostrándolo como una imagen.
18) ¿Cómo se cambia el tipo de número en medio de una lista?
El La etiqueta incluye dos atributos: tipo y valor. El atributo de tipo se puede utilizar para cambiar el tipo de numeración de cualquier elemento de la lista. El atributo de valor puede cambiar el índice numérico.
19) ¿Qué son las hojas de estilo?
Las hojas de estilo le permiten crear plantillas de estilo consistentes, transportables y bien definidas. Estas plantillas se pueden vincular a varias páginas web diferentes, lo que facilita el mantenimiento y el cambio de la apariencia de todas las páginas web dentro del sitio.
20) Tipos de viñetas de estado disponibles en HTML
Con las listas ordenadas, puede seleccionar usar algunos tipos de listas diferentes, incluidos los números alfabéticos y romanos. El atributo de tipo para las listas desordenadas se puede establecer en disco, cuadrado o círculo.
21) ¿Cómo creas texto multicolor en una página web?
Para crear texto con diferentes colores, use las etiquetas ... para cada carácter al que desee aplicar color. Puede usar esta combinación de etiquetas tantas veces como sea necesario, rodeando un solo carácter o una palabra completa.
22) ¿Por qué hay valores de entidad de carácter tanto numéricos como con nombre?
Los valores numéricos se toman de los valores ASCII de los distintos caracteres, pero pueden ser difíciles de recordar. Debido a esto, se crearon valores de entidades de caracteres con nombre para facilitar su uso a los diseñadores de páginas web.
23) Escriba una secuencia de etiquetas de tabla HTML que genere lo siguiente:
50 piezas 100 500
10 piezas 5 50
Respuesta
<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) ¿Cuál es la ventaja de agrupar varias casillas de verificación?
Aunque las casillas de verificación no se afectan entre sí, agruparlas ayuda a organizarlas. Los botones de casilla de verificación pueden tener su nombre y no es necesario que pertenezcan a un grupo. Una sola página web puede tener muchos grupos diferentes de casillas de verificación.
25) ¿Qué sucederá si superpone conjuntos de etiquetas?
Si se superponen dos conjuntos de etiquetas HTML, solo se reconocerá la primera etiqueta. Encontrará este problema cuando el texto no se muestra correctamente en la pantalla del navegador.
26) ¿Qué son los applets?
Los applets son pequeños programas que se pueden incrustar en páginas web para realizar algunas funciones específicas, como cálculos, animaciones y procesamiento de información. Los applets están escritos usando el lenguaje Java.
27) ¿Qué pasa si no hay texto entre las etiquetas o si se omitió un texto por error? ¿Afectará la visualización del archivo HTML?
Si no hay texto entre las etiquetas, entonces no hay nada que formatear. Por lo tanto, no aparecerá ningún formato. Algunas etiquetas, especialmente las etiquetas sin una etiqueta de cierre como la etiqueta, no requieren ningún texto entre ellos.
28) ¿Es posible establecer colores específicos para los bordes de las tablas?
Puede especificar un color de borde usando hojas de estilo, pero los colores de una tabla que no usa hojas de estilo serán los mismos que el color del texto.
29) ¿Cómo se crea un enlace que se conectará a otra página web al hacer clic?
Para crear hipervínculos o enlaces que se conectan a otra página web, use la etiqueta href. El formato general para esto es: texto
Reemplace "sitio" con la URL de la página real a la que se supone que debe vincularse cuando se hace clic en el texto.
30) ¿Qué otras formas se pueden usar para alinear imágenes y ajustar texto?
Las tablas se pueden utilizar para colocar texto e imágenes. Otra forma útil de envolver texto alrededor de una imagen es usar hojas de estilo.
31) ¿Puede un solo enlace de texto apuntar a dos páginas web diferentes?
No. La etiqueta solo puede aceptar un solo atributo href y puede apuntar a una sola página web.
32) ¿Cuál es la diferencia entre las listas de directorio y menú y la lista desordenada?
La diferencia clave es que las listas de directorios y menús no incluyen atributos para cambiar el estilo de las viñetas.
33) ¿Puedes cambiar el color de las balas?
El color de la viñeta es siempre el mismo que el del primer carácter del elemento de la lista. Si rodeas el y el primer carácter con un conjunto de etiquetas con el conjunto de atributos de color, el color de la viñeta, y el primer carácter será de un color diferente al del texto.
34) ¿Cuáles son los límites del tamaño del campo de texto?
El tamaño predeterminado para un campo de texto es de alrededor de 13 caracteres. Sin embargo, si incluye el atributo de tamaño, puede establecer que el valor de tamaño sea tan bajo como 1. El valor de tamaño máximo estará determinado por el ancho del navegador. Si el atributo de tamaño se establece en 0, el tamaño se establecerá en el tamaño predeterminado de 13 caracteres.
35) Hacer ¿Las etiquetas siempre deben estar al comienzo de una fila o columna?
Cualquier La etiqueta se puede cambiar a una etiqueta. Esto hace que el texto contenido en el etiqueta que se mostrará en negrita en el navegador. A pesar de Las etiquetas se usan principalmente para encabezados, no es necesario que se usen exclusivamente para encabezados.
36) ¿Cuál es la relación entre los atributos de borde y regla?
Los bordes de celda predeterminados, con un grosor de 1 píxel, se agregan automáticamente entre celdas si el atributo de borde se establece en un valor distinto de cero. Asimismo, si no se incluye el atributo de borde, aparece un borde predeterminado de 1 píxel si se agrega el atributo de reglas al etiqueta.
37) ¿Qué es una marquesina?
Una marquesina le permite colocar un texto desplazable en una página web. Para hacer esto, coloque el texto que desea que aparezca desplazándose dentro de la y etiquetas
38) ¿Cómo creas texto en una página web que te permitirá enviar un correo electrónico cuando hagas clic?
Para cambiar el texto a un enlace en el que se puede hacer clic para enviar un correo electrónico, use el comando mailto dentro de la etiqueta href. El formato es el siguiente:
<A HREF=”mailto:youremailaddress”>text to be clicked</A>
39) Son ¿Etiquetas la única forma de separar secciones de texto?
No. El La etiqueta es solo una forma de separar líneas de texto. Otras etiquetas, como la etiquetar y etiqueta, también secciones separadas de texto.
40) ¿Hay casos en los que el texto aparecerá fuera del navegador?
De forma predeterminada, el texto se ajusta para que aparezca dentro de la ventana del navegador. Sin embargo, si el texto es parte de una celda de tabla con un ancho definido, el texto podría extenderse más allá de la ventana del navegador.
41) ¿En qué se diferencian los enlaces activos de los enlaces normales?
El color predeterminado para los enlaces normales y activos es azul. Algunos navegadores reconocen un enlace activo cuando el cursor del mouse se coloca sobre ese enlace; otros reconocen enlaces activos cuando el enlace tiene el foco. Aquellos que no tienen el cursor del mouse sobre ese enlace se consideran un enlace normal.
42) ¿Las hojas de estilo limitan el número de nuevas definiciones de estilo que se pueden incluir entre paréntesis?
Las hojas de estilo no limitan el número de definiciones de estilo que se pueden incluir entre corchetes para un selector determinado. Sin embargo, cada nueva definición de estilo debe estar separada de las demás por un símbolo de punto y coma.
43) ¿Puedo especificar valores de peso fraccionarios como 670 o 973 para el peso de la fuente?
La implementación depende en gran medida del navegador, pero el estándar no admite valores de peso fraccionarios. Los valores aceptables deben terminar con dos ceros.
44) ¿Cuál es la jerarquía que se está siguiendo cuando se trata de hojas de estilo?
Si un solo selector incluye tres definiciones de estilo diferentes, la definición más cercana a la etiqueta real tiene prioridad. El estilo en línea tiene prioridad sobre las hojas de estilo incrustadas, que tienen prioridad sobre las hojas de estilo externas.
45) ¿Se pueden agrupar varios selectores con nombres de clase?
Puede definir varios selectores con la misma definición de estilo separándolos con comas. Esta misma técnica también funciona para selectores con nombres de clase.
46) ¿Qué pasa si abres el exterior? CO archivo en un navegador?
Cuando intenta abrir el archivo CSS externo en un navegador, el navegador no puede abrir el archivo porque tiene una extensión diferente. La única forma de usar un archivo CSS externo es hacer referencia a él usando etiqueta dentro de otro documento HTML.
47) ¿Cómo convertir una imagen en una imagen de fondo de una página web?
Para hacer esto, coloque un código de etiqueta después del etiqueta de la siguiente manera:
<body background = “image.gif”>
Reemplace image.gif con el nombre de su archivo de imagen. Esto tomará la foto y la convertirá en la imagen de fondo de su página web.
48) ¿Qué sucede si la propiedad de tipo de estilo de lista se usa en un elemento que no es una lista como un párrafo?
Si la propiedad de tipo de estilo de lista se usa en un elemento que no es una lista, como un párrafo, la propiedad se ignorará y no afectará al párrafo.
49) ¿Cuándo es apropiado usar marcos?
Los marcos pueden hacer que navegar por un sitio sea mucho más fácil. Si los enlaces principales al sitio están ubicados en un marco que aparece en la parte superior o a lo largo del borde del navegador, el contenido de esos enlaces se puede mostrar en el resto de la ventana del navegador.
50) ¿Qué sucede si el número de valores en el atributo filas o columnas no suma 100 por ciento?
El navegador dimensiona los marcos en relación con la suma total de los valores. Si el atributo cols se establece en 100%, 200%, el navegador muestra dos marcos verticales, siendo el segundo el doble de grande que el primero.
51) ¿Qué navegadores admiten HTML5?
Las últimas versiones de Google Chrome, Apple Safari, Mozilla Firefox y Opera son compatibles con la mayoría de las funciones de HTML5.
52) Nombra dos nuevas etiquetas incluidas en el HTML 5
y son nuevas etiquetas que se incluyen en la versión HTML5. Se utilizan principalmente como reemplazo de Flash, Silverlight y tecnologías similares para reproducir elementos multimedia.
53) ¿Sabe cuáles son las dos etiquetas semánticas que se incluyen en la versión HTML5?
El y Las etiquetas son dos etiquetas nuevas que se incluyen en HTML5. Los artículos pueden estar compuestos de varias secciones que pueden tener varios artículos. Una etiqueta de artículo representa un bloque completo de contenido que es una sección de un todo más grande.
54) ¿Qué es en HTML5?
Esta etiqueta representa una parte del contenido de flujo independiente. Se utiliza principalmente como una sola unidad como referencia del flujo principal del documento.
55) ¿Cuál es el uso del elemento Canvas?
El elemento lienzo ayuda a crear cuadros, gráficos, omitir Photoshop para crear imágenes 2D y colocarlas directamente en código HTML5.
56) ¿Cuáles son los nuevos elementos FORM que están disponibles en HTML5?
Los nuevos elementos de formulario en HTML5 ofrecen una funcionalidad mucho mejor que las versiones anteriores.
Las etiquetas proporcionadas para llevar a cabo estas funciones son:
1) – Esta etiqueta se usa para especificar una lista de opciones para los controles de entrada.
2) – Esta etiqueta representa un campo generador de pares de claves.
3) – Representa el resultado de cualquier cálculo de secuencias de comandos.
57) Dime dos beneficios del almacenamiento web HTML5
Dos ventajas principales del almacenamiento web HTML5:
- Puede almacenar hasta 10 MB de datos, que sin duda es más de lo que tienen las cookies.
- Los datos de almacenamiento web no se pueden transferir con la solicitud HTTP. Ayuda a aumentar el rendimiento de la aplicación.
58) ¿Cuáles son dos tipos de almacenamiento web en HTML5?
Dos tipos de almacenamiento de HTML5 son:
Almacenamiento de sesiones: Almacena datos de la sesión actual solamente. Significa que los datos almacenados en el almacenamiento de la sesión se borran automáticamente cuando se cierra el navegador.
Almacenamiento local: El almacenamiento local es otro tipo de almacenamiento web HTML5. En el almacenamiento local, los datos no se eliminan automáticamente cuando se cierra la ventana actual del navegador.
59) ¿Qué es la caché de aplicaciones en HTML5 y por qué se usa?
El concepto de caché de aplicación significa que una aplicación web se almacena en caché. Puede ser accesible sin necesidad de conexión a internet.
Algunas ventajas de la caché de aplicaciones:
- Navegación sin conexión – Los usuarios de la web también pueden usar la aplicación cuando están desconectados.
- Velocidad - Los recursos almacenados en caché se cargan más rápido
- Reduzca la carga del servidor – El navegador web solo descargará recursos actualizados del servidor.
60) ¿Explica cinco nuevos tipos de entrada proporcionados por HTML5 para formularios?
Los siguientes son los nuevos tipos de datos importantes que ofrece HTML5:
- Fecha: Permite al usuario seleccionar una fecha.
- fechahora-local: Este tipo de entrada permite al usuario seleccionar una fecha y hora sin zona horaria.
- fecha y hora: Este tipo de entrada permite al usuario seleccionar una fecha y hora con zona horaria.
- mes: Permite al usuario seleccionar un mes y un año
- email: Estos campos de entrada solían contener una dirección de correo electrónico.
Estas preguntas de la entrevista también te ayudarán en tu viva(oral). Construir una brillante carrera como UI/UX desarrollador, los candidatos deben descifrar la entrevista en la que se les piden varias preguntas de entrevista HTML5.
Muy señor mío:
quiero saber sobre el cuadro de texto en código html
cómo contar los números propios del cuadro de texto ingresados. Quiero decir... ingreso 1234 en el cuadro de texto. quiero el resultado 1+2+3+4 =10. Cómo es. por favor da cualquier código en eso
debe usar javascript para eso ... la cadena de entrada que ha tomado, por ejemplo, 1234, debe dividirla y luego debe realizar la suma de esos números ...
¡Hola
Estoy aprendiendo el sitio web html
mi ayuda.
en el html
tutorial muy útil...excelente...me gustó!!
HTML imagina
Gracias, es realmente muy útil para mí asistir a la entrevista.
Excelente... muy útil para mí... cuestionario html...
una buena
impresionante contenido de aprendizaje,
Muchos gracias
10q estás creando una nueva generación con pleno conocimiento de html
Estoy realmente feliz con su blog porque su artículo es muy exclusivo y efectivo para los nuevos lectores.
Es realmente útil... Para mi examen del curso...
Es muy bueno. Ayúdame mucho, gracias por subir esto.
Gracias me es de mucha ayuda asistir a la entrevista
muchas gracias por ayudarme a saber HTML
buen tema html
TQ señor
buen cuestionario y sitio web, sé que he trabajado mucho para hacer esto
Hi
Estoy tratando de codificar una interfaz de Calculadora
Estoy enfrentando dos problemas:
1) por qué las dimensiones de estos botones (.,+) no son precisas
2) por qué este código:
.estilo {
margen: 0 automático;
¿No está centrando la interfaz?
por cierto mi navegador es Edge
Muchas Gracias
Mis códigos html:
Interfaz de calculadora
0
7
8
9
4
5
6
1
2
3
0
.
±
×
+
–
÷
=
Actualizar
.botón {
color de fondo: rgb (81, 122, 121);
borde: 7px rgb sólido (213, 236, 213);
color blanco;
padding: 10px 45px;
font-size: 25px;
}
.boton20 {
color de fondo: rgb (36, 117, 117);
padding: 15px 32px;
text-align: right;
anchura: 285px;
altura: 45px;
}
.boton19 {
padding: 10px 20px;
}
.estilo {
margen: 0 automático;
}
si es util
Dar ancho con margen 0 auto
Aprendiz de Html. Espero que su clase sea muy útil para mí.
es útil
Diablos, ¿cuál es la forma correcta de la etiqueta html img?
Awsm
Nice
Muchas gracias por proporcionar contenido, todos y cada uno de los conceptos están claramente bien formateados y explicados, pero una cosa más que debe mejorar es que se necesita más, por ejemplo, de fácil comprensión en lugar de teoría.