Estructura básica de HTML

Podcast

Play an AI-generated podcast conversation about this lesson

Download our mobile app to listen on the go

Get App

Questions and Answers

¿Cuál de las siguientes afirmaciones describe mejor la función principal de las etiquetas HTML?

Las etiquetas HTML son instrucciones para el navegador sobre cómo optimizar el rendimiento del sitio web.
Las etiquetas HTML se utilizan para aplicar estilos visuales a los elementos en una página web.
Las etiquetas HTML encapsulan el contenido y le dan significado, definiendo la estructura básica de un documento web. (correct)
Las etiquetas HTML se utilizan para crear animaciones y efectos especiales en una página web.

¿Qué etiqueta HTML se utiliza para definir la información relativa a la página que no forma parte del contenido visible?

`<body>`
`<head>` (correct)
`<html>`
`<title>`

¿Cuál es la función del atributo `charset` dentro de la etiqueta `<meta>`?

Especifica el conjunto de caracteres utilizado para mostrar el contenido correctamente, permitiendo el uso de acentos y otros caracteres especiales. (correct)
Define el idioma principal del contenido de la página web.
Controla el tamaño y la apariencia de las fuentes en la página web.
Establece la paleta de colores predeterminada para los elementos de la página.

Considerando la estructura en forma de árbol de un documento HTML, ¿cuál de las siguientes opciones describe correctamente la relación entre las etiquetas?

<p>La etiqueta <code><html></code> es la raíz, y las etiquetas <code><head></code> y <code><body></code> son sus hijos directos. (B)</p> Signup and view all the answers

¿Cuál es la sintaxis correcta para definir un atributo en una etiqueta HTML?

<p><code><etiqueta nom_atributo="valor_atributo"></code> (B)</p> Signup and view all the answers

¿Qué etiqueta se utiliza para definir los títulos o encabezados dentro del contenido de una página HTML?

<p><code><h1></code> a <code><h6></code> (D)</p> Signup and view all the answers

En relación con la jerarquía de títulos en HTML, ¿cuál de las siguientes prácticas es la más recomendada para mantener una estructura semántica correcta?

<p>No saltarse niveles en la jerarquía (por ejemplo, seguir un <code><h2></code> con un <code><h4></code>) para asegurar una estructura lógica del contenido. (C)</p> Signup and view all the answers

¿Cuál es la función principal de la etiqueta `<p>` en HTML?

<p>Representar un párrafo de texto. (B)</p> Signup and view all the answers

¿Qué ocurre si se escriben varias líneas de texto en el código HTML sin usar etiquetas `<p>` o `<br>`?

<p>El navegador ignorará las líneas y espacios adicionales, mostrando el texto en una sola línea continua. (D)</p> Signup and view all the answers

¿Cuál es la principal diferencia entre usar la etiqueta `<br>` y la etiqueta `<p>` para separar bloques de texto?

<p><code><p></code> crea un espacio más grande entre los bloques de texto, mientras que <code><br></code> solo inserta un salto de línea sin espacio adicional. (D)</p> Signup and view all the answers

¿En qué situación se recomienda utilizar la etiqueta `<hr>`?

<p>Para agregar una separación visual entre distintos bloques de contenido en una página. (B)</p> Signup and view all the answers

Las etiquetas `<em>` y `<strong>` sirven para...

<p>Resaltar texto, indicando énfasis o importancia, respectivamente. (A)</p> Signup and view all the answers

¿Cuál es la mejor práctica para aplicar estilos como subrayado, subíndice o tachado al texto en HTML?

<p>Usar CSS para definir estos estilos y aplicarlos a través de clases o selectores. (C)</p> Signup and view all the answers

¿Qué atributo es obligatorio para la etiqueta `<img>`?

<p><code>src</code> (A)</p> Signup and view all the answers

¿Cómo se especifica la ruta a una imagen que se encuentra en la misma carpeta que el archivo HTML?

<p><code><img src="image.jpg"></code> (C)</p> Signup and view all the answers

¿Qué tipo de imagen no permite transparencia?

<p>JPG (D)</p> Signup and view all the answers

Si solo se define el atributo `width` en una etiqueta `<img>`, ¿qué ocurre con la altura de la imagen?

<p>La altura se ajusta automáticamente para mantener la proporción original de la imagen. (B)</p> Signup and view all the answers

Para asegurar que una imagen se ajuste al ancho de su contenedor, independientemente del tamaño de la pantalla, ¿qué valor se debe asignar al atributo `width`?

<p><code>100%</code> (C)</p> Signup and view all the answers

Considerando las prácticas recomendadas para el uso de imágenes en la web, ¿cuál de las siguientes afirmaciones es la más acertada?

<p>Es importante usar imágenes optimizadas para la web, reduciendo su tamaño sin sacrificar demasiada calidad, y ajustar su tamaño máximo al espacio donde se mostrarán. (C)</p> Signup and view all the answers

¿Cuál es el propósito principal de los enlaces en HTML?

<p>Permitir la navegación entre diferentes páginas o secciones de una misma página. (B)</p> Signup and view all the answers

¿Cuál es el atributo esencial que debe incluir la etiqueta `<a>` para crear un enlace funcional?

<p><code>href</code> (A)</p> Signup and view all the answers

¿Qué valor se debe asignar al atributo `target` de un enlace para que la página web se abra en una nueva pestaña o ventana del navegador?

<p><code>_blank</code> (A)</p> Signup and view all the answers

Para crear un enlace a una sección específica dentro de la misma página, ¿qué tipo de URL se utiliza en el atributo `href`?

<p>Un fragmento de URL que comienza con el símbolo <code>#</code> seguido del ID del elemento de destino. (D)</p> Signup and view all the answers

En el contexto de las buenas prácticas para el diseño web, ¿qué consideración es más importante al aplicar estilos a los enlaces?

<p>Asegurarse de que el estilo de los enlaces sea consistente en todo el sitio web para evitar confundir al usuario. (C)</p> Signup and view all the answers

¿Cuál es la función principal de las listas ordenadas (`<ol>`) en HTML?

<p>Mostrar elementos en un orden numérico o alfabético. (B)</p> Signup and view all the answers

¿Qué etiqueta se utiliza para definir cada elemento dentro de una lista, ya sea ordenada o no ordenada?

<p><code><li></code> (D)</p> Signup and view all the answers

En relación con las listas anidadas, ¿cómo interpreta el navegador una lista dentro de otra?

<p>Como una sublista que forma parte de la lista principal, mostrando los elementos de forma tabulada. (A)</p> Signup and view all the answers

¿Cuál es la etiqueta HTML principal utilizada para crear una tabla?

<p><code><table></code> (D)</p> Signup and view all the answers

¿Qué etiqueta se utiliza para definir una fila en una tabla HTML?

<p><code><tr></code> (B)</p> Signup and view all the answers

¿Qué etiqueta se utiliza para definir una celda de datos en una tabla HTML?

<p><code><td></code> (A)</p> Signup and view all the answers

¿Cuál es la diferencia entre las etiquetas `<td>` y `<th>` en una tabla HTML?

<p><code><th></code> se utiliza para los encabezados de la tabla y su contenido se muestra generalmente en negrita, mientras que <code><td></code> se utiliza para el resto de los datos. (C)</p> Signup and view all the answers

¿Qué atributo de la etiqueta `<table>` se utiliza para definir el espacio entre el contenido de la celda y el borde de la celda?

<p><code>cellpadding</code> (A)</p> Signup and view all the answers

¿Qué atributo de las etiquetas `<td>` o `<th>` se utiliza para combinar celdas horizontalmente?

<p><code>colspan</code> (D)</p> Signup and view all the answers

¿Qué atributo de las etiquetas `<td>` o `<th>` se utiliza para combinar celdas verticalmente?

<p><code>rowspan</code> (D)</p> Signup and view all the answers

¿Cuál es la función principal de los formularios en HTML?

<p>Recoger información del usuario para ser enviada al servidor. (D)</p> Signup and view all the answers

Si un formulario HTML no está asociado a un programa en el servidor, ¿qué ocurre al enviarlo?

<p>No pasa nada; el formulario no realiza ninguna acción. (B)</p> Signup and view all the answers

¿Qué atributo de la etiqueta `<form>` especifica la URL a la que se enviarán los datos del formulario?

<p><code>action</code> (A)</p> Signup and view all the answers

¿Cuál es la diferencia principal entre los métodos `GET` y `POST` al enviar un formulario?

<p>Los datos enviados con <code>GET</code> se añaden a la URL, mientras que los enviados con <code>POST</code> se incluyen en el cuerpo de la petición HTTP. (B)</p> Signup and view all the answers

¿Qué atributo de la etiqueta `<input>` se utiliza para definir el tipo de control que se mostrará en el formulario (ej., texto, número, contraseña)?

<p><code>type</code> (D)</p> Signup and view all the answers

¿Qué tipo de control de formulario es más apropiado para permitir al usuario seleccionar una opción de entre varias opciones predefinidas?

<p><code><select></code> (C)</p> Signup and view all the answers

¿Por qué es importante asignar un atributo `name` a los elementos de un formulario?

<p>Para que los datos del elemento puedan ser identificados y enviados correctamente al servidor. (C)</p> Signup and view all the answers

Flashcards

¿Qué son las etiquetas HTML?

L'estructura bàsica d'un document HTML es defineix amb etiquetes (tags en anglès), que encapsulen el contingut i li donen significat.

¿Qué incluye la etiqueta ?

Aquí es defineix la informació relativa a la pàgina però que no forma part del contingut. El que diem metainformació.