Comenzando con HTML y CSS

Imagen que muestra código HTML y CSS en un editor de texto, con una vista previa de una página web simple al lado. El fondo es púrpura (#8A2BE2) con elementos naranja (#FF7F00) y verde brillante (#39FF14).

Bienvenidos al emocionante mundo del desarrollo web. En este artículo, exploraremos los fundamentos de HTML y CSS, las piedras angulares para crear sitios web modernos y atractivos.

¿Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje estándar para crear páginas web. Define la estructura y el contenido de tu sitio web. Imagina que estás construyendo una casa: HTML sería el esqueleto que sostiene todo.

Estructura básica de HTML

      
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Mi primera página web</title>
  </head>
  <body>
    <h1>¡Hola, mundo!</h1>
    <p>Este es mi primer párrafo en HTML.</p>
  </body>
</html>
      
    

Introducción a CSS

CSS (Cascading Style Sheets) es el lenguaje que usamos para dar estilo y diseño a nuestras páginas web. Si HTML es el esqueleto, CSS es la piel, la ropa y el maquillaje de tu sitio web.

Ejemplo básico de CSS

      
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #8A2BE2;
  color: #FFFFFF;
}

h1 {
  font-family: 'Pacifico', cursive;
  color: #FF7F00;
}

.destacado {
  background-color: #39FF14;
  padding: 10px;
  border-radius: 5px;
}
      
    

Con estos conceptos básicos, ya estás en camino para crear sitios web modernos y atractivos. Recuerda, la práctica hace al maestro. ¡Sigue experimentando y aprendiendo!