Conjunto de preguntas y respuestas de la entrevista HTML – 3

Este artículo cubrirá las preguntas de entrevista más frecuentes en HTML. Ya hemos creado el Conjunto de preguntas y respuestas de la entrevista HTML: 1 y Conjunto -2. Así que lea Set – 1 & Set – 2 antes de saltar a este artículo.

HTML Interview Questions & Answers

Requisito previo:

A continuación, se incluye la lista de las 20 preguntas de entrevista más comunes y frecuentes de HTML y HTML 5 con sus explicaciones.

¿Qué es una etiqueta de anclaje en HTML?

La etiqueta <a> (etiqueta de anclaje) en HTML se utiliza para crear un hipervínculo en la página web. Este hipervínculo se utiliza para vincular la página web a otras páginas web. Se utiliza para proporcionar una referencia absoluta o una referencia relativa como su valor «href». Haga clic aquí para saber más en detalle.

Sintaxis:

<a href = "link"> Link Name </a>

Ejemplo :

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h1>
    Welcome to
        <a href="https://www.geeksforgeeks.org/"> 
            GeeksforGeeks 
        </a>
    </h1>
    <h2>This is anchor Tag</h2>
</body>
</html>

Salida :

¿Qué son los elementos vacíos?

Los elementos que solo tienen etiquetas de inicio y no contienen ningún contenido dentro de ellos, estos elementos se denominan elementos vacíos . Solo puede tener atributos pero no contiene ningún tipo de contenido. Ejemplos de tales elementos son <br>, <hr>, <img>, <input>, <link>, <base>, <meta>, <param>, <area>, <embed>, <col>, < pista>, <fuente> etc.
¿Cómo cambiar un elemento en línea en un elemento de nivel de bloque?

Podemos realizar esta tarea utilizando la propiedad de visualización que tiene su valor como » bloque «, para cambiar el elemento de en línea a elemento de nivel de bloque.
¿En qué se diferencia la etiqueta del contenedor de la etiqueta vacía en HTML?

Las etiquetas de contenedor generalmente se dividen en tres partes, es decir, la etiqueta de apertura, el contenido (que se mostrará en el navegador) y la etiqueta de cierre. En la parte de contenido, también pueden contener otras etiquetas. Estas etiquetas de apertura y cierre se utilizan en pares. Por ejemplo, <html>….</html>, <head>…</head>, <title>…</title>, <body>….</body>, etc.

Sintaxis:
```
<tag_name> …</tag_name>
```
Las etiquetas vacías que no contienen ninguna etiqueta de cierre se conocen como etiquetas vacías. Las etiquetas vacías contienen solo la etiqueta de apertura, pero realizan alguna acción en la página web. Por ejemplo: <br>, <enlace>, <img>, <hr>, <meta>, <fuente>, etc.

Sintaxis:
```
<tag_name>
```
Consulte la etiqueta del contenedor ¿Es igual a la etiqueta vacía en HTML? Si no, ¿por qué? artículo para más detalles.
¿Qué etiquetas se utilizan para separar una sección de texto?
- Etiqueta < br > : Por lo general, la etiqueta <br> se usa para separar la línea de texto. Rompe la línea actual y transmite el flujo a la siguiente línea.
- Etiqueta < p > : La etiqueta <p> contiene el texto en forma de un nuevo párrafo.
- < blockquote > etiqueta : Se utiliza para definir una gran sección citada.
¿De cuántas formas puedes aplicar CSS a tu archivo HTML?

Hay 3 formas en las que podemos agregar CSS a nuestro archivo HTML, se detallan a continuación:
- CSS en línea : el CSS en línea contiene la propiedad CSS en la sección del cuerpo adjunta con el elemento conocido como CSS en línea. Este tipo de estilo se especifica dentro de una etiqueta HTML utilizando el atributo de estilo.
- CSS interno o incrustado : esto se puede usar cuando un solo documento HTML debe tener un estilo único. El conjunto de reglas CSS debe estar dentro del archivo HTML en la sección principal, es decir, el CSS está incrustado dentro del archivo HTML.
- CSS externo: el CSS externo contiene un archivo CSS separado que contiene solo propiedades de estilo con la ayuda de atributos de etiqueta (por ejemplo, clase, id, encabezado, etc.). La propiedad CSS se escribe en un archivo separado con una extensión .css y se debe vincular al documento HTML mediante la etiqueta de enlace . Esto significa que para cada elemento, el estilo se puede establecer solo una vez y se aplicará a todas las páginas web.
Consulte el artículo Tipos de CSS (hoja de estilo en cascada) para obtener más detalles.
¿Cómo incluir un archivo CSS en otro?

Es posible incluir un archivo CSS en otro y se puede hacer varias veces. Además, importe varios archivos CSS en el archivo HTML principal o en el archivo CSS principal. Se puede hacer usando la palabra clave @import. Haga clic aquí para saber más en detalle.
¿Cómo puedes aplicar JS en tu HTML?

Los scripts se pueden colocar dentro del cuerpo, la sección de encabezado de una página HTML, tanto dentro del encabezado como del cuerpo, o se pueden agregar externamente.
- JavaScript en el encabezado: una función de JavaScript se coloca dentro de la sección del encabezado de una página HTML y la función se invoca cuando se hace clic en un botón.
- JavaScript en el cuerpo: una función de JavaScript se coloca dentro de la sección del cuerpo de una página HTML y la función se invoca cuando se hace clic en un botón.
- JavaScript externo: JavaScript también se puede utilizar como archivos externos. Los archivos JavaScript tienen la extensión de archivo .js. Para usar una secuencia de comandos externa, coloque el nombre del archivo de secuencia de comandos en el atributo src de una etiqueta de secuencia de comandos. Los scripts externos no pueden contener etiquetas de script.
Consulte la sección ¿Dónde colocar JavaScript en un documento HTML? artículo para más detalles.
¿Qué son las etiquetas lógicas y físicas en HTML?

Las etiquetas físicas y lógicas se utilizan en HTML para una mejor visibilidad y comprensión del texto por parte del usuario en la página web. Sin embargo, ambas etiquetas difieren entre sí como lo sugieren sus nombres.

Etiqueta lógica : esta etiqueta se usa en HTML para mostrar el texto de acuerdo con los estilos lógicos. Las siguientes son las etiquetas lógicas comúnmente utilizadas en HTML.
- <abbr> : Define una abreviatura que se utiliza para definir la abreviatura o forma abreviada de un elemento.
- <acrónimo> : Se utiliza para definir un acrónimo.
- <address> : Define un elemento de dirección.
- <cite> : Define citación, es decir, se utiliza para definir el título de una obra.
- <code> : Define el texto del código de la computadora.
- <blockquote> : Define una cita larga.
- <del> : significa eliminar y se utiliza para marcar una parte del texto que se ha eliminado del documento.
- <dfn> : representa un elemento de definición y se utiliza para representar una instancia de definición en HTML.
- <ins> : Se utiliza para especificar un bloque de texto insertado.
- <kbd> : Define el texto del teclado.
- <pre> : Define texto preformateado.
- <q> : Define una cita breve.
- <samp> : Define código de computadora de muestra.
- <strong> : Define texto fuerte.
- <var> : Define una variable, es decir, se utiliza para especificar la variable en una ecuación matemática o en un programa de computadora.
Etiqueta física : esta etiqueta se usa en HTML para proporcionar formato físico real al texto. Las siguientes son las etiquetas físicas comúnmente utilizadas en HTML.
- <b> : Define texto en negrita .
- <big> : Define el texto.
- <i> : Define texto en cursiva .
- <small> : Define texto.
- <sup> : Define^{texto en superíndice} .
- <sub> : Define_{texto subíndice} .
- <tt> : Define texto de teletipo.
- <u> : es una anotación no articulada, es decir, un elemento de subrayado, que se utiliza para subrayar el texto encerrado en la etiqueta <u>. Está en desuso, use estilos en su lugar.
Consulte el artículo Etiquetas físicas y lógicas en HTML para obtener más detalles.
¿Qué es MathML en HTML 5?

MathML viene en HTML5, la versión actual de MathML es 3, se introdujo en el año 2015. MathML significa Lenguaje de marcado matemático. Se utiliza para representar la ecuación o expresión matemática en los navegadores web como otros elementos HTML. La primera versión de MathML se lanzó en el año de 1998 y, después de eso, se lanzó la segunda versión. Básicamente, MathML es una fórmula matemática compleja o una representación visual de ecuaciones simplificada. MathML es compatible con HTML5, toda la etiqueta MathML debe usarse dentro de las etiquetas <math> y </math> .

MathML se utiliza para describir las matemáticas como base para la comunicación de máquina a máquina, está destinado a ser manejado por herramientas de creación especializadas, como editores de ecuaciones, y también es significativo para otras aplicaciones.
¿Cuál es la diferencia entre <html lang=”en’> y <html lang=”en-US’>?

El atributo lang especifica qué idioma se utiliza para escribir el contenido de una página web. Se utiliza para establecer el idioma de todo el texto de la página web.

La diferencia entre <html lang=”en’> y <html lang=”en-US’> se describe a continuación:

<html lang=”en’>: <html lang=”en’> solo especifica el código de idioma de la página, lo que significa que se usa en o inglés para todo el texto de la página.

<html lang=”en-US’>: El <html lang=”en-US’> especifica el código de idioma de la página seguido del código de país, lo que significa que se usa el estilo de inglés de EE . UU . para todo el texto en la página. página.
```
<html lang=”en-GB’> which means the United Kingdom style of English
<html lang=”en-IN’> which means the Indian style of English
```
Consulte la sección ¿Cuál es la diferencia entre <html lang=”en’> y <html lang=”en-US’>? artículo para una descripción detallada.
¿Cómo crear texto o imágenes de desplazamiento en una página web?

Esta tarea se puede lograr a través de la etiqueta <marquee> en HTML que ayuda a crear texto o imagen de desplazamiento en una página web. Se desplaza horizontalmente de izquierda a derecha o de derecha a izquierda, o verticalmente de arriba abajo o de abajo arriba.

Sintaxis:

El elemento de marquesina viene en pares. Significa que la etiqueta tiene elementos de apertura y cierre.
```
<marquee>
   <--- contents --->
</marquee>
```
¿Qué quiere decir con archivo de manifiesto en HTML5?

Un archivo de manifiesto es un archivo de texto que le dice al navegador que almacene en caché ciertos archivos o páginas web para que puedan usarse incluso en modo sin conexión. Las páginas web de caché HTML5 especifican el atributo de manifiesto en la etiqueta <html>. Todas las páginas web que contienen atributos de manifiesto o se especifican en el archivo de manifiesto se almacenarán en caché cada vez que un usuario visite esa página. Los archivos de manifiesto se guardan con la extensión .appcache. Siempre comienza con la palabra clave CACHE MANIFEST y contiene tres secciones:
- CACHE : esta sección enumera todos los recursos, incluidas páginas web, hojas de estilo CSS, archivos JavaScript e imágenes que se almacenarán en caché inmediatamente después de su primera descarga.
- RED : esta sección enumera todos los recursos que nunca se almacenarán en caché. Estos recursos no se pueden usar en modo fuera de línea y siempre requieren una conexión al servidor.
- FALLBACK : esta sección enumera los recursos alternativos que se utilizarán en caso de que no se pueda acceder a una página. Especifica el recurso principal que se reemplazará con el recurso alternativo especificado junto a él en caso de que falle la conexión con el servidor.
¿Cómo abrir un hipervínculo en otra ventana o pestaña en HTML?

Hay varias formas diferentes de abrir un hipervínculo en otra ventana o pestaña, como usar JavaScript, jQuery o HTML. Para abrir un hipervínculo en otra ventana o pestaña, use el atributo de destino y proporcione el valor _blank en la pestaña de anclaje. Haga clic aquí para saber más en detalle.

Sintaxis:
```
<element target="_blank|_self|_parent|_top|framename"\>
```
Valores de atributos:
- _blank: Abre el enlace en una ventana nueva.
- _self: Abre el documento enlazado en el mismo marco.
- _parent: abre el documento vinculado en el conjunto de marcos principal.
- _top: Abre el documento enlazado en el cuerpo completo de la ventana.
- framename: Abre el documento vinculado en el marco nombrado.
Explicar Web Worker en HTML.

Los trabajadores web son objetos de subprocesos múltiples que se utilizan para ejecutar Javascripts en segundo plano sin afectar el rendimiento de la aplicación o página web. Web Workers permite secuencias de comandos de ejecución prolongada que no se ven interrumpidas por secuencias de comandos que responden a clics u otras interacciones del usuario y permiten ejecutar tareas largas sin afectar la capacidad de respuesta de la página web. En general, se utiliza para grandes tareas que requieren un uso intensivo de la CPU.

Tipos de trabajadores web:
- Trabajadores web compartidos: puede ser compartido por múltiples scripts.
- Trabajadores web dedicados: solo se puede acceder a un trabajador dedicado mediante el script que lo ha llamado.
Definir datos de formulario de varias partes.

Datos de formulario de varias partes : el atributo ENCTYPE de la etiqueta <form> especifica el método de codificación de los datos del formulario. Es una de las dos formas de codificar el formulario HTML. Se utiliza específicamente cuando se requiere la carga de archivos en formato HTML. Envía los datos del formulario al servidor en varias partes debido al gran tamaño del archivo.

Sintaxis:
```
<form action="login.php" method="post" 
    enctype="multipart/form-data">
</form>
```
¿Cómo agregar gráficos vectoriales escalables a su página web?

SVG es un tipo de formato de imagen escrito en XML para gráficos basados en vectores. Cada elemento y cada atributo en los archivos SVG se pueden animar. Hay varias formas de utilizar imágenes SVG en HTML, que se describen a continuación:
- SVG en una etiqueta <img>: esta es la forma básica y sencilla de insertar la imagen SVG en una página web. Para este método, simplemente podemos usar la etiqueta <img> y luego especificar la ruta del archivo o el enlace de la imagen en el atributo src . Para usar este método, deberíamos haber descargado el archivo de imagen SVG o el enlace de la imagen SVG.
- SVG en una etiqueta <objeto>: la etiqueta <objeto> se puede usar para insertar las imágenes SVG especificando la URL del recurso que usará el objeto usando el atributo de datos .
- SVG en una etiqueta <embed>: la etiqueta <embed> se puede usar para insertar la imagen SVG especificando el enlace en el atributo src . Esta etiqueta ahora está obsoleta y se eliminó la compatibilidad con los complementos del navegador en la mayoría de los navegadores modernos.
- SVG en una etiqueta <image>: el elemento <image> SVG incluye imágenes dentro de documentos SVG. Puede mostrar archivos de imagen de trama u otros archivos SVG.
Consulte la sección ¿Cómo agregar gráficos vectoriales escalables a su página web? artículo para una descripción más detallada.
¿Cuáles son las etiquetas de elementos multimedia introducidas por HTML5?

HTML5 introdujo las 5 etiquetas de elementos multimedia más populares compatibles con los navegadores, que se describen a continuación:
- <audio> : es un elemento en línea que se utiliza para incrustar archivos de sonido en una página web.
- <video> : se utiliza para incrustar archivos de video en una página web.
- <fuente> : se utiliza para adjuntar archivos multimedia como audio, video e imágenes.
- < incrustar >: se utiliza para incrustar aplicaciones externas que generalmente son contenido multimedia como audio o video en un documento HTML.
- <pista> : Especifica pistas de texto para componentes multimedia de audio y video.
Consulte la sección ¿Cuáles son las etiquetas de elementos multimedia introducidas por HTML5? artículo para una descripción más detallada.
¿Cómo manejar los eventos de JavaScript en HTML?

Un evento es una acción u ocurrencia reconocida por el software. Puede ser activado por el usuario o por el sistema. La mayoría de los eventos se usan en botones, hipervínculos, desplazamientos, carga de páginas, etc. Todo esto entra en acción (procesado) con la ayuda de controladores de eventos.

Sintaxis:

Manejar evento en HTML:
```
<element onclick="myScript">
```
Varios atributos de eventos HTML:

Evento de formulario
- onblur: Este evento ocurre cuando un objeto pierde el foco.
```
<element onblur="myScript">
```
- onchange: Este evento ocurre cuando el valor de un elemento ha sido cambiado.
```
<element onchange="myScript">
```
- onfocus: este evento ocurre cuando los elementos se enfocan.
```
<element onfocus="myScript">
```
Evento:
- onclick: este evento ocurre cuando el usuario hace clic en un elemento.
```
<element onclick="myScript">
```
- onmouseover: este evento ocurre cuando el usuario pasa el puntero del mouse sobre un elemento.
```
<element onmouseover="myScript">
```
Consulte la sección ¿Cómo manejar eventos de JavaScript en HTML? artículo para una descripción más detallada.

¿Cuál es la diferencia entre Cellpadding y Cellspacing en la tabla HTML?

Cellpadding : Cellpadding especifica el espacio entre el borde de una celda de tabla y su contenido (es decir) define el espacio en blanco entre el borde de la celda y el contenido de la celda.

Sintaxis:

<table cellpadding="value" >.....</table>
where, value determines the padding 
(space between the border of a table and its content)

Cellspacing : Cellspacing especifica el espacio entre celdas (es decir) define el espacio en blanco entre los bordes de las celdas adyacentes.

Sintaxis:

<table cellspacing="value" >.....</table>
where, value determines the padding 
(space between adjacent cells)

Diferencia entre el relleno de celdas y el espaciado de celdas:

relleno celular	espacio entre celdas
Especifica el espacio entre el borde de una celda de tabla y su contenido.	Especifica el espacio entre celdas adyacentes.
Se crea utilizando la etiqueta HTML <table> pero el atributo de tipo se establece en el relleno de celdas.	También se crea utilizando la etiqueta HTML <table> pero el atributo de tipo se establece en espaciado de celdas.
Está destinado principalmente a una sola celda.	Cellspacing puede estar sujeto a más de una celda.
El valor de relleno de celda predeterminado es 1	Considerando que, el valor predeterminado de espacio entre celdas es 2
Cellpadding es ampliamente utilizado y considerado como un medio eficaz	Cellspacing es menos efectivo que Cellpadding.
Cellpadding es un atributo	Cellspacing también es un atributo.

Consulte el artículo Diferencia entre Cellpadding y Cellspacing en detalle.

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

HTML

relleno celular

espacio entre celdas

Deja una respuesta Cancelar la respuesta