HDP115

Elemento style en HTML

El elemento style en html sirve para aplicar estilos CSS, este elemento debe ir dentro del elemento head.

CE

Cristian Escalante

Última actualización: 19 de abril de 2025

html
programación web
desarrollo

Elemento style en HTML

El elemento style en html sirve para aplicar estilos CSS, este elemento debe ir dentro del elemento head.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Titulo de la página - Introducción a HTML para principiantes</title>
    <style>
      h1 {
        background-color: green;
        color: white;
      }
      p {
        color: red;
      }
    </style>
  </head>
  <body>
    <h1>Hola Mundo!</h1>
    <p>HTML para principiantes</p>
  </body>
</html>

En el codigo anterior se agrega un color de fondo verde, texto blanco a la etiqueta h1 (encabezado) y color de texto rojo a la etiqueta p (parrafo).

Cuando se agrega estilos CSS mediante la etiqueta style se suele decir que es CSS interno.

Elemento title en HTML
Este elemento define el título que se muestra en la barra de...
Elemento base en HTML
Este elemento base se coloca dentro del head de un documento...

Conceptos Básicos de CSS

Aprende los conceptos básicos de CSS

Conceptos Básicos de JavaScript

Aprende los conceptos básicos de JavaScript

Conceptos Básicos SQL

Aprende los conceptos básicos de SQL

Conceptos Básicos de GIT

Aprende los conceptos básicos de GIT

Conceptos Básicos de Python

Aprende los conceptos básicos de Python

Refuerzo Academico de Herramientas de Productividad 2025