Conceptos Básicos de HTML y CSS
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje que se utiliza para estructurar páginas web. No es programación, sino un lenguaje de marcas que organiza textos, imágenes, enlaces y formularios.
Estructura Básica de un Documento HTML
Un documento HTML se compone de varias secciones principales:
- <!DOCTYPE html>: Indica HTML5.
- <html>: Contenedor principal del contenido.
- <head>: Información interna, títulos y estilos.
- <body>: Contenido visible por el usuario.
<html>
<head></head>
<body></body>
</html>
Etiquetas en HTML
Las etiquetas son los elementos que definen la estructura de la página:
- <h1>, <h2>, <h3> → Títulos
- <p> → Párrafos
- <img> → Imágenes
- <a> → Enlaces
Atributos de HTML
Los atributos proporcionan información adicional dentro de las etiquetas:
- src: Ruta de una imagen.
- href: Destino de un enlace.
- alt: Texto alternativo para imágenes.
- class: Para aplicar estilos con CSS.
¿Qué es CSS?
CSS (Cascading Style Sheets) permite dar estilo y presentación a las páginas HTML. Controla colores, fuentes, márgenes, posiciones y animaciones.
HTML define la estructura, CSS la hace visualmente atractiva.