¿Qué es html?

HTML, siglas de HyperText Markup Language o Lenguaje de Marcado de Hipertexto, es el lenguaje fundamental con el que se construye cualquier página web en Internet. Es el punto de partida de todo sitio web y funciona como el esqueleto o la estructura sobre la que luego se aplican estilos (CSS) e interactividad (JavaScript).

Título de la página

Estructura del html

Un documento html se organiza primero declarando que está hecho en "html". Luego, se abre la etiqueta "html" que contiene toda la página. Dentro de esta, se ubican dos partes principales: el "head", que guarda información y configuraciones invisibles para el usuario, y el "body", que contiene todo el contenido visible que se mostrará en la web. Finalmente, el documento se cierra con la etiqueta "html"

1. La sección "head"

Esta es la parte donde se coloca información sobre la página, no información visible para el usuario. Aquí se incluyen metadatos como: La codificación del texto (meta charset="UTF-8") Configuraciones para dispositivos móviles El título de la página, que aparece en la pestaña del navegador (title>…title) Enlaces a hojas de estilo, iconos, scripts de preconfiguración y otros elementos importantes.

2. La sección "body"

Esta es la parte del documento que contiene todo lo que el usuario ve y con lo que puede interactuar. Dentro del "body" se colocan:

•Títulos •Párrafos •Imágenes •Videos •Menús •Formularios

¿Qué es una étiqueta?

Ln HTML, una etiqueta es un elemento de marcado que se utiliza para definir y estructurar el contenido de una página web. Básicamente, le indica al navegador cómo debe interpretar y mostrar ese contenido. Las etiquetas se escriben entre signos de menor y mayor < >, y la mayoría tienen una etiqueta de apertura "etiqueta" y una etiqueta de cierre "etiqueta", entre las cuales se coloca el contenido que se desea mostrar. Por ejemplo, p>Este es un párrafo

indica que el texto “Este es un párrafo” debe mostrarse como un párrafo. Algunas etiquetas son autocontenidas, como o
, y no necesitan cierre. Además, las etiquetas pueden tener atributos, que permiten añadir información o modificar el comportamiento del elemento, como img src="imagen.jpg" alt="Descripción".

Estructura de una étiqueta

En HTML, una etiqueta (o tag en inglés) es un comando escrito entre signos menor y mayor (< >) que le dice al navegador cómo debe interpretar y mostrar una parte del contenido. La estructura de una etiqueta HTML consiste en un nombre encerrado entre los signos menor y mayor < >, que indica al navegador qué tipo de elemento se está creando. La mayoría de las etiquetas tienen una etiqueta de apertura que inicia el elemento y una etiqueta de cierre que lo finaliza, con el contenido que se desea mostrar entre ambas. Algunas etiquetas son autocontenidas o vacías.

Atributos de una etiqueta

En HTML, los atributos de una etiqueta son información adicional que se agrega dentro de la etiqueta de apertura para modificar el comportamiento o la apariencia del elemento. Los atributos siempre se escriben como un par nombre="valor" y van dentro de los signos < > de la etiqueta de apertura.

Ejemplo

¿Qué es CSS?

CSS significa Cascading Style Sheets o Hojas de Estilo en Cascada. Es un lenguaje utilizado en desarrollo web para dar estilo y apariencia a las páginas HTML. Mientras que HTML define la estructura y el contenido de la página (títulos, párrafos, imágenes, etc.), CSS se encarga de cómo se ve ese contenido: colores, tamaños, fuentes, márgenes, alineaciones, fondos, bordes, animaciones y mucho más. Por ejemplo, con CSS puedes hacer que todos los títulos "h1" sean de color azul, centrar párrafos, cambiar el fondo de la página o agregar efectos cuando el usuario pasa el mouse sobre un botón. CSS no altera el contenido, solo su presentación visual.