Manual Esencial de Etiquetas HTML: Estructura y Formato Web

Estructura y Formato de Texto

• <H1> a <H6>: Encabezados de diferentes niveles.
• <HR>: Inserta una línea horizontal como separador.
• <BR>: Cambio de línea o salto de párrafo.
• <P>: Define un párrafo.
• <B>: Aplica negrita al texto.
• <U>: Aplica subrayado al texto.

Propiedades de Fuente (<FONT>)

Permite modificar las propiedades del texto:

• FACE: Define la tipografía o nombre de la fuente.
• COLOR: Define el color del texto mediante código hexadecimal o nombre predefinido.
• SIZE: Tamaño del texto, con valores del 1 al 7 (por defecto es 3).

Gestión de Enlaces y Anclas

Los enlaces permiten la navegación entre puntos de una página o hacia sitios externos.

• Anclas: Permiten saltar a un punto específico de la página con un solo clic. Se compone de: Enlace de Origen y Punto de Destino.
  • Origen: <a href="#nombreancla">Texto enlazado</a>
  • Destino: <div id="Nombreancla"></div>
• Atributo HREF: Obligatorio, indica la URL o archivo de destino.
• Target: Define cómo se abrirá el enlace:
  • _self: Valor por defecto, abre en el mismo marco.
  • _blank: Abre en una ventana o pestaña aparte.
  • _top: Elimina marcos existentes y abre en la ventana original.
  • _parent: Abre en el marco padre (usado en <frameset>).

Listas en HTML

• Listas no ordenadas (<UL>): Cada elemento se encierra en <LI>. El atributo TYPE permite cambiar la viñeta (CIRCLE, SQUARE, DISC).
• Listas ordenadas (<OL>): Generan números automáticamente. El atributo VALUE permite modificar el número de inicio.
• Listas de definiciones (<DL>):
  • <DT>: Término o título de la definición.
  • <DD>: Descripción de la definición.

Inserción de Imágenes (<IMG>)

• SRC: Atributo obligatorio, indica la ruta o URL de la imagen.
• ALIGN: Controla la alineación (left, right, center, middle, top, bottom).
• ALT: Texto alternativo que aparece al pasar el cursor sobre la imagen.
• WIDTH / HEIGHT: Define el ancho y alto de la imagen.
• BORDER: Define el grosor del borde que rodea la imagen.

Tablas y Estructura de Datos

• <TD>: Celda de datos.
• <TR>: Fila de tabla.
• <TH>: Encabezado de tabla.
• Atributos de tabla: BGCOLOR (color de fondo), Background (imagen de fondo), BORDER (grosor del borde), BORDERCOLOR (color del borde), CELLSPACING/CELLPADDING (espacio entre celdas y alrededor del texto), WIDTH (ancho de la tabla).