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...
Referencias
MDN Developers. Elemento style. https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/style
3Wschools. HTML style Tag. https://www.w3schools.com/tags/tag_style.asp
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