## Objetivos de Aprendizaje - Dominar los elementos básicos de HTML - Entender los atributos - Crear encabezados, párrafos y formato de texto - Trabajar con enlaces e imágenes ## Elementos Básicos de Texto ### Encabezados HTML proporciona seis niveles de encabezado desde `

` hasta `

`: ```html

Encabezado Principal (Título de Página)

Encabezado de Sección

Encabezado de Subsección

Encabezado de Sub-subsección

Encabezado Menor

Encabezado Más Pequeño

``` ### Párrafos ```html

Este es un párrafo de texto. Los navegadores añaden automáticamente espacio antes y después de los párrafos.

Otro párrafo con negrita y cursiva.

``` ### Saltos de Línea ```html

Esta es la línea uno
Esta es la línea dos

``` ## Formato de Texto ### Negrita y Strong ```html

Usa negrita para énfasis visual.

Usa strong para importancia semántica.

``` ### Cursiva y Énfasis ```html

Usa cursiva para estilo visual.

Usa énfasis para estrés semántico.

``` ### Subrayado ```html

Usa subrayado con moderación.

``` ### Tachado ```html

Precio anterior: $100 $75

``` ### Superíndice y Subíndice ```html

La fórmula es H₂O.

2³ es igual a 8.

``` ## Enlaces ### Enlace Básico ```html Visitar Ejemplo ``` ### Enlace con Título ```html Sitio de Ejemplo ``` ### Abrir en Nueva Pestaña ```html Nueva Pestaña ``` ### Enlaces Internos ```html Página Acerca de Ir a Sección ``` ## Imágenes ### Imagen Básica ```html ``` ### Imagen con Ancho y Alto ```html ``` ### Imagen desde URL ```html ``` ## Listas ### Lista No Ordenada ```html

• Primer elemento
• Segundo elemento
• Tercer elemento

``` ### Lista Ordenada ```html

1. Paso uno
2. Paso dos
3. Paso tres

``` ### Lista de Definiciones ```html

HTML

Lenguaje de Marcado de Hipertexto - el lenguaje de marcado estándar para páginas web

CSS

Hojas de Estilo en Cascada - usadas para estilizar páginas web

``` ## Atributos HTML Los atributos proporcionan información adicional sobre los elementos: ```html Enlace ``` ### Atributos Comunes - `id` - identificador único - `class` - nombre de clase CSS - `style` - CSS en línea - `title` - texto de tooltip - `data-*` - atributos de datos personalizados ## Elementos de Bloque vs En Línea ### Elementos de Bloque Comienzan en una nueva línea y toman el ancho completo: ```html