Capítulo 36: HTML y CSS
HTML (lenguaje de marcado de hipertexto) y CSS (hojas de estilo en cascada) son dos de las principales tecnologías utilizadas para crear páginas web. HTML proporciona la estructura de la página, mientras que CSS se utiliza para controlar la presentación, es decir, la disposición y el diseño. Ambos son fundamentales para cualquier curso de programación lógica, ya que forman la base para crear sitios web y aplicaciones web.
HTML
HTML es un lenguaje de marcado que se utiliza para estructurar y presentar contenido en la web. Se compone de una serie de elementos, que podemos considerar como los componentes básicos de una página web. Cada elemento tiene una función específica y ayuda a estructurar el contenido de la página. Por ejemplo, el elemento <h1> se utiliza para encabezados, mientras que <p> se utiliza para párrafos.
Además, los elementos HTML pueden tener atributos, que son información adicional que modifica el comportamiento o apariencia del elemento. Por ejemplo, el atributo 'href' en la página <a> especifica la URL a la que debe conducir el enlace.
Los elementos HTML están anidados, lo que significa que pueden contener otros elementos. Por ejemplo, un <body> puede contener elementos <h1>, <p> y <a>. Esta estructura anidada es lo que da a las páginas web su estructura jerárquica y es fundamental para el funcionamiento de HTML.
Ejemplo de HTML
<!DOCTYPE html>
<html>
<cabeza>
<title>Ejemplo de HTML</title>
</cabeza>
<cuerpo>
<h1>¡Hola mundo!</h1>
<p>Este es un ejemplo de una página HTML.</p>
</cuerpo>
</html>
CSS
CSS es un lenguaje de hojas de estilo que se utiliza para describir la apariencia y el formato de un documento escrito en HTML. Te permite controlar cosas como colores, fuentes, espaciado, diseño y más.
CSS se compone de reglas de estilo, cada una de las cuales consta de un selector y un bloque de declaración. El selector determina a qué elementos HTML se aplica la regla, mientras que el bloque de declaración contiene una o más declaraciones que especifican cómo se diseñarán los elementos seleccionados.
Cada declaración consta de una propiedad y un valor. La propiedad especifica qué aspecto de la presentación cambiará y el valor especifica cómo cambiará. Por ejemplo, la declaración 'color: rojo;' cambia el color del texto de los elementos seleccionados a rojo.
Ejemplo de CSS
h1 {
color rojo;
tamaño de fuente: 24px;
}
PAG {
color azul;
tamaño de fuente: 16px;
}
En resumen, HTML y CSS son dos de las principales tecnologías utilizadas para crear páginas web. HTML se utiliza para estructurar el contenido de la página, mientras que CSS se utiliza para controlar la presentación. Ambos son fundamentales para la lógica de programación y son esenciales para cualquiera que desee crear sitios web o aplicaciones web.
