w3docs logo
¿Qué etiqueta HTML especifica una hoja de estilo interna?
Iniciar Quiz - "CSS Fundamentos"

Uso de la Etiqueta HTML <style> Para Especificar una Hoja de Estilo Interna

La pregunta se refiere a cuál etiqueta HTML se utiliza para especificar una hoja de estilo interna. La respuesta correcta es <style>, lo cual es fundamental para darle estilo a nuestras páginas web en el mismo documento HTML.

HTML, o HyperText Markup Language, es el lenguaje de marcado estándar para los documentos diseñados para ser mostrados en un navegador web. Una parte integral de cualquier página web es su hoja de estilo, que controla el aspecto visual de la página incluyendo formatos, diseños y variaciones en la pantalla.

La etiqueta <style> se utiliza para contener información de estilo para un documento HTML. Esta etiqueta proporciona la capacidad de incluir información de estilo CSS fácilmente en un documento HTML, también conocido como una hoja de estilo interna. Es decir, permite que los estilos CSS se definan directamente dentro de un archivo HTML.

¿Cómo se utiliza?

La etiqueta <style> debería ubicarse preferiblemente en la sección <head> del documento HTML, aunque también es válido ponerla en el cuerpo (<body>). Un ejemplo sería:

<!DOCTYPE html>
<html>
<head>
    <style>
        body {background-color: powderblue;}
        h1 {color: blue;}
        p {color: red;}
    </style>
</head>
<body>
    <h1> Este es un encabezado </h1>
    <p> Este es un párrafo. </p>
</body>
</html>

En este caso, la hoja de estilo interna está definiendo que el color de fondo (background-color) del cuerpo de la página sea azul claro, que el color del texto dentro de la etiqueta <h1> sea azul y que el color del texto dentro de la etiqueta <p> sea rojo.

Las hojas de estilo internas son útiles cuando se tiene una cantidad pequeña de código de estilo. Para páginas web grandes, generalmente es mejor práctica usar hojas de estilo externas, utilizando la etiqueta <link> para enlazar un archivo .css al archivo HTML.

Asegúrate de cerrar correctamente la etiqueta <style> después de definir tus estilos. Esto se hace utilizando la etiqueta de cierre </style>.

Related Questions

¿Te resulta útil?