Este artículo cubrirá las preguntas de entrevista más frecuentes en HTML. Antes de proceder a conocer las preguntas, primero conoceremos el HTML. HTML significa lenguaje de marcado de hipertexto, que se utiliza para diseñar páginas web utilizando el lenguaje de marcado . HTML es la combinación de hipertexto y lenguaje de marcado . El hipertexto define el enlace entre las páginas web y el lenguaje de marcado define el documento de texto dentro de la etiqueta que define la estructura de las páginas web. HTML se utiliza para crear la estructura de las páginas web que se muestran en la World Wide Web (www). Contiene etiquetas y atributos que se utilizan para diseñar las páginas web. Además, podemos vincular varias páginas mediante hipervínculos.
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 HTML?
HTML significa lenguaje de marcado de hipertexto. Se utiliza para diseñar páginas web utilizando un lenguaje de marcado. HTML es la combinación de hipertexto y lenguaje de marcado. El hipertexto define el vínculo entre las páginas web. El lenguaje de marcado se utiliza para definir el documento de texto dentro de la etiqueta que define la estructura de las páginas web. HTML se usa para estructurar el sitio web y, por lo tanto, se usa para el desarrollo web. Haga clic aquí para saber más.
-
Diferencia entre HTML y XHTML
S. No.
HTML
XHTML
1. HTML significa lenguaje de marcado de hipertexto.
XHTML significa Lenguaje de marcado de hipertexto extensible.
2. Fue desarrollado por Tim Berners-Lee.
Fue desarrollado por W3C, es decir, World Wide Web Consortium.
3. Fue desarrollado en 1991.
Fue lanzado en 2000.
4. Se extiende desde SGML.
Se extiende desde XML y HTML.
5. El formato es un formato de archivo de documento.
El formato es un lenguaje de marcas.
6. Todas las etiquetas y atributos no deben estar necesariamente en minúsculas o mayúsculas.
En esto, cada etiqueta y atributo debe estar en minúsculas.
7. Doctype no es necesario escribir en la parte superior.
Doctype es muy necesario para escribir en la parte superior del archivo.
8. No es necesario cerrar las etiquetas en el orden en que se abren.
Es necesario cerrar las etiquetas en el orden en que se abren.
9. Al usar los atributos, no es necesario mencionar las comillas. Por ejemplo, <Geeks>.
Al usar los atributos, es obligatorio mencionar comillas. Por ejemplo, <Geeks=”GFG”>.
10 Las extensiones de nombre de archivo utilizadas son .html, .htm.
Las extensiones de nombre de archivo son .xhtml, .xht, .xml.
Consulte el artículo Diferencia entre XHTML y HTML5 para obtener más detalles.
-
¿Cuáles son los diversos lenguajes de marcado disponibles?
-
¿Cuál es la diferencia entre HTML y HTML 5?
HTML
HTML5
No admitía audio y video sin el uso de la compatibilidad con Flash Player.
Admite controles de audio y video con el uso de etiquetas <audio> y <video>.
Utiliza cookies para almacenar datos temporales.
Utiliza bases de datos SQL y caché de aplicaciones para almacenar datos sin conexión.
No permite que JavaScript se ejecute en el navegador.
Permite que JavaScript se ejecute en segundo plano. Esto es posible gracias a la API JS Web Worker en HTML5.
Los gráficos vectoriales son posibles en HTML con la ayuda de varias tecnologías como VML, Silver-light, Flash, etc.
Los gráficos vectoriales también son una parte integral de HTML5 como SVG y canvas.
No permite efectos de arrastrar y soltar.
Permite efectos de arrastrar y soltar.
No es posible dibujar formas como círculos, rectángulos, triángulos, etc.
HTML5 permite dibujar formas como círculos, rectángulos, triángulos, etc.
Funciona con todos los navegadores antiguos.
Es compatible con navegadores completamente nuevos como Firefox, Mozilla, Chrome, Safari, etc.
Las versiones anteriores de HTML son menos compatibles con dispositivos móviles.
El lenguaje HTML5 es más compatible con dispositivos móviles.
La declaración de doctype es demasiado larga y complicada.
La declaración de doctype es bastante simple y fácil.
Elementos como navegación y encabezado no estaban presentes.
Nuevos elementos para la estructura web como navegación, encabezado, pie de página, etc.
La codificación de caracteres es larga y complicada.
La codificación de caracteres es simple y fácil.
Es casi imposible obtener la geolocalización real de los usuarios con la ayuda del navegador.
Uno puede rastrear la ubicación geográfica de un usuario fácilmente usando la API JS GeoLocation.
No puede manejar sintaxis inexacta.
Es capaz de manejar sintaxis inexacta.
Los atributos como charset, async y ping están ausentes en HTML.
Los atributos de charset, async y ping son parte de HTML 5.
Consulte el artículo Diferencia entre HTML y HTML5 para obtener una descripción detallada.
-
¿Cuál es la versión actual de HTML?
HTML 5 es la quinta y actual versión de HTML.
-
¿Qué es !DOCTYPE?
Una declaración de tipo de documento o tipo de documento es una instrucción que le dice al navegador web sobre el lenguaje de marcado en el que está escrita la página actual. El doctype no es un elemento o etiqueta, le permite al navegador conocer la versión o el estándar de HTML o cualquier otro lenguaje de marcado que se esté utilizando en el documento. El DOCTYPE para HTML5 no distingue entre mayúsculas y minúsculas y se puede escribir como se muestra a continuación:
<!DOCTYPE html>
Consulte el artículo HTML Doctypes para obtener una descripción detallada.
-
¿Qué son los elementos y las etiquetas, y cuáles son las diferencias entre ellos?
Etiquetas HTML : las etiquetas son las partes inicial y final de un elemento HTML. Comienzan con el símbolo < y terminan con el símbolo >. Todo lo que está escrito dentro de < y > se llama etiquetas.
Ejemplo:
<b> </b>
Elementos HTML : los elementos encierran el contenido entre las etiquetas. Consisten en algún tipo de estructura o expresión. Por lo general, consta de una etiqueta de inicio, contenido y una etiqueta de finalización.
Ejemplo:
<b>This is the content.</b>
Diferencia entre etiqueta HTML y elemento HTML:
Etiqueta HTML
Elemento HTML
Tanto la apertura como el cierre se utilizan para marcar el inicio o el final de un elemento.
Colección de una etiqueta de inicio, una etiqueta de finalización y sus atributos
Se utiliza para contener el elemento HTML
sostiene el contenido
Comienza con < y termina con >
Todo lo que está escrito dentro de una etiqueta HTML son elementos HTML
-
¿Cuáles son las diversas etiquetas de encabezado y su importancia?
Hay 6 niveles de encabezados definidos por HTML. Estos seis elementos de encabezado son H1, H2, H3, H4, H5 y H6; siendo H1 el nivel más alto y H6 el mínimo.
Importancia del encabezado:
- Los motores de búsqueda utilizan encabezados para indexar la estructura y el contenido de la página web.
- Los encabezados se utilizan para resaltar temas importantes.
- Aportan información valiosa y nos hablan de la estructura del documento.
Consulte el artículo de encabezado HTML para obtener una descripción detallada.
-
¿Cómo redirigir a una sección particular de una página usando HTML?
Uno puede usar la etiqueta de anclaje para redirigir a una sección particular en la misma página. Debe agregar el «atributo de identificación» a la sección que desea mostrar y usar la misma identificación en el atributo href con «#» en la etiqueta de anclaje. Entonces, al hacer clic en un enlace en particular, será redirigido a la sección que tiene la misma identificación mencionada en la etiqueta de anclaje.
Sintaxis:
<a href="#home_section">home</a> <section id="home_section">Information About Page</section>
Ejemplo: cuando el usuario hace clic en el enlace «Contáctenos», será redirigido a la «sección Contáctenos» en la misma página.
HTML
<!DOCTYPE html><html><head><style>div {width: 100%;height: 400px;border: 1px solid black;}</style></head><body><h2>Welcome to GeeksforGeeks</h2><p>This is the example of<i>Redirect to a particular sectionusing HTML on same page</i></p><ahref="#contactUs"> Contact Us </a><div><h2>Home section</h2></div><div><h2>About Us section</h2></div><divid="contactUs"><h2>Contact Us section </h2></div><div><h2>Team Section</h2></div></body></html>Producción:
Consulte el artículo Cómo redirigir a una sección particular de una página usando HTML o jQuery para obtener una descripción detallada.
-
¿Qué son los atributos?
Un atributo se utiliza para proporcionar información extra o adicional sobre un elemento.
- Todos los elementos HTML pueden tener atributos. Los atributos proporcionan información adicional sobre un elemento.
- Toma 2 parámetros, es decir, nombre y valor. Estos definen las propiedades del elemento y se colocan dentro de la etiqueta de apertura del elemento. El parámetro de nombre toma el nombre de la propiedad que nos gustaría asignar al elemento y el valor toma el valor de la propiedad o la extensión de los nombres de propiedad que se pueden alinear sobre el elemento.
- Cada nombre tiene algún valor que debe escribirse entre comillas.
Sintaxis:
<element attribute_name="attribute_value">
Consulte el artículo Atributos HTML para obtener una descripción detallada.
-
¿Son iguales las etiquetas <b> y <strong>? Si no, ¿por qué?
Etiqueta fuerte HTML: La etiqueta fuerte es uno de los elementos de HTML que se utilizan para dar formato a los textos HTML. Se utiliza para mostrar la importancia del texto poniéndolo en negrita o resaltándolo semánticamente.
Sintaxis:
<strong> Contents... </strong>
Etiqueta en negrita HTML: La etiqueta en negrita o <b> también es uno de los elementos de formato de HTML. El texto escrito debajo de la etiqueta <b> hace que el texto se presente en negrita para llamar la atención.
Sintaxis:
<b> Contents... </b>
La principal diferencia entre la etiqueta <bold> y la etiqueta <strong> es que la etiqueta fuerte enfatiza semánticamente la palabra o sección de palabras importante, mientras que la etiqueta en negrita es solo texto compensado con un estilo convencional en negrita . Haga clic aquí para saber más.
-
¿Cuál es la diferencia entre las etiquetas <em> y <i>?
Etiqueta <i>: es uno de los elementos de HTML que se utiliza para formatear textos HTML. Se utiliza para definir un texto en términos técnicos, un estado de ánimo o una voz alternativos, un pensamiento, etc.
Sintaxis:
<i> Content... </i>
Etiqueta <em> : También es uno de los elementos de HTML que se utiliza para dar formato a los textos. Se utiliza para definir texto o declaraciones enfatizadas.
Sintaxis:
<em> Content... </em>
De forma predeterminada, el resultado visual es el mismo, pero la principal diferencia entre estas dos etiquetas es que la etiqueta <em> enfatiza semánticamente la palabra o sección de palabras importante, mientras que la etiqueta <i> es solo texto compensado con un estilo convencional en cursiva para mostrar alternativas. estado de ánimo o voz. Haga clic aquí para conocer la diferencia entre ellos.
-
¿Cómo se agregan los comentarios en HTML?
La etiqueta de comentario (<!– Comentario –>) se utiliza para insertar comentarios en el código HTML.
Tipos de comentarios HTML: Hay tres tipos de comentarios en HTML que son:
- comentario de una sola línea
<!--This is single line comment -->
- Comentario de varias líneas
<!-- This is multi-line comment -->
- Uso de la etiqueta <comentario>
<comment>This is multi-line comment </comment> -
¿Cuáles son los diferentes formatos en los que se pueden declarar los colores en HTML?
El color de un elemento se puede definir de las siguientes maneras:
- Color incorporado
- Formato RGB
- Formato RGBA
- Notación hexadecimal
- LGV
- HSLA
Color incorporado: estos son un conjunto de colores predefinidos que se usan por su nombre. Por ejemplo: rojo, azul, verde, etc.
Sintaxis:
h1 { color: color-name; }Formato RGB: El formato RGB (Rojo, Verde, Azul) se usa para definir el color de un elemento HTML especificando el rango de valores R, G, B entre 0 y 255. Por ejemplo: el valor RGB del color rojo es (255, 0, 0), el color verde es (0, 255, 0), el color azul es (0, 0, 255), etc.
Sintaxis:
h1 { color: rgb(R, G, B); }Formato RGBA: El formato RGBA es similar al RGB, pero la diferencia es que el RGBA contiene A (Alpha) que especifica la transparencia de los elementos. El valor de alfa se encuentra entre 0,0 y 1,0, donde 0,0. representa totalmente transparente y 1.0 representa no transparente.
Sintaxis:
h1 { color:rgba(R, G, B, A); }Notación hexadecimal: La notación hexadecimal comienza con el símbolo # seguido de 6 caracteres, cada uno de los cuales va de 0 a F. Por ejemplo: rojo #FF0000, verde #00FF00, azul #0000FF, etc.
Sintaxis:
h1 { color:#(0-F)(0-F)(0-F)(0-F)(0-F)(0-F); }HSL: HSL significa Tono, Saturación y Luminosidad respectivamente. Este formato utiliza el sistema de coordenadas cilíndricas.
- Tono: el tono es el grado de la rueda de colores. Su valor se encuentra entre 0 y 360, donde 0 representa el rojo, 120 representa el verde y 240 representa el color azul.
- Saturación: Toma un valor porcentual, donde 100% representa completamente saturado, mientras que 0% representa completamente insaturado (gris).
- Luminosidad: Toma un valor porcentual, donde el 100% representa el blanco, mientras que el 0% representa el negro.
Sintaxis:
h1 { color:hsl(H, S, L); }HSLA: La propiedad de color HSLA es similar a la propiedad HSL, pero la diferencia es que HSLA contiene A (Alpha) que especifica la transparencia de los elementos. El valor de alfa se encuentra entre 0,0 y 1,0, donde 0,0. representa totalmente transparente y 1.0 representa no transparente.
Sintaxis:
h1 { color:hsla(H, S, L, A); }Por favor , haga clic aquí para saber más en detalle.
-
¿Cómo crear un enlace en HTML?
Un enlace es una conexión de un recurso web a otro. Un enlace tiene dos extremos, un ancla y una dirección. El enlace comienza en el ancla de «origen» y apunta al ancla de «destino», que puede ser cualquier recurso web, como una imagen, un videoclip, un fragmento de sonido, un programa, un documento HTML o un elemento dentro de un HTML. documento.
Sintaxis de enlace HTML: los enlaces se especifican en HTML usando la etiqueta «a».
<a href="url">Link Text<a>
Explicación:
- href: el atributo href se utiliza para especificar la dirección de destino del enlace utilizado.
- Enlace de texto: El enlace de texto es la parte visible del enlace.
-
¿Cuál es el uso del atributo de destino en la etiqueta <link>?
El atributo de destino HTML <link> se utiliza para especificar la ventana o un marco donde se carga el documento vinculado. No es compatible con HTML 5.
Sintaxis:
<link 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.
-
¿Cuál es el uso del atributo alt en las imágenes?
El atributo alt <img> se utiliza para especificar el texto alternativo de una imagen. Es útil cuando la imagen no se muestra. Se utiliza para dar información alternativa para una imagen.
Sintaxis:
<img alt="text">
-
¿Cuáles son las etiquetas HTML que se utilizan para mostrar una tabla?
- <table> : Se utiliza para definir una tabla.
- <tr> : Se utiliza para definir una fila en una tabla.
- <th> : Se utiliza para definir una celda de encabezado en una tabla.
- <td> : Se utiliza para definir una celda en una tabla.
- <caption> : Se utiliza para definir el título de la tabla.
- <colgroup> : Se utiliza para definir un grupo de una o más columnas en una tabla para formatear.
- <col> : se usa con el elemento <colgroup> para especificar las propiedades de columna para cada columna.
- <tbody> : Se utiliza para definir un grupo del contenido del cuerpo en una tabla.
- <thead> : Se utiliza para agrupar el contenido del encabezado en una tabla.
- <tfooter> : Se utiliza para agrupar el contenido del pie de página en una tabla.
-
¿Cuáles son los diferentes tipos de listas en HTML?
Una lista es un registro de piezas cortas de información relacionada o que se utiliza para mostrar los datos o cualquier información en las páginas web en forma ordenada o desordenada. HTML ofrece 3 formas de especificar listas de información. Todas las listas deben contener uno o más elementos de lista. Los tipos de listas que se pueden utilizar en HTML son:
-
¿Cuál es la diferencia entre el bloque y los elementos en línea?
Cada elemento en HTML tiene un valor de visualización predeterminado que depende del tipo de elemento. Bloque o en línea es el valor de visualización predeterminado para la mayoría de los elementos.
Elementos a nivel de bloque: un elemento a nivel de bloque siempre comienza en una nueva línea y se extiende hacia la izquierda y hacia la derecha tanto como sea posible.
- elemento div: el elemento div se utiliza como contenedor para otros elementos HTML. No tiene atributos requeridos. Style , class e id son los atributos más utilizados.
Sintaxis:
<div>GFG</div>
Elementos en línea: un elemento en línea es lo opuesto al elemento a nivel de bloque. No comienza en una nueva línea y ocupa solo el ancho necesario.
- elemento span: El elemento span se utiliza como contenedor de texto. No tiene atributos requeridos. Style , class e id son los atributos más utilizados.
Sintaxis:
<span>GFG</span>
Consulte el artículo Bloque HTML y elementos en línea para obtener más detalles.
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