Resumen de Conceptos Fundamentales de HTML
Este documento presenta un resumen de los conceptos fundamentales relacionados con
HTML y otros elementos clave del desarrollo web, destacando aspectos importantes para su
uso.
HTML (Lenguaje de Marcado de Hipertexto)
- Definición: HTML es un lenguaje de marcado utilizado para estructurar el contenido de las
páginas web, no un lenguaje de programación.
- Etiquetas: Son las marcas que delimitan los elementos en un documento HTML. Pueden
ser:
- Etiquetas estándar: `<h1>` a `<h6>` (encabezados), `<p>` (párrafos), `<a>` (enlaces),
etc.
- Etiquetas vacías: No contienen contenido pero pueden tener atributos, como `<br>`
(salto de línea).
Estructura Común del HTML
1. Front-end: Usa HTML (estructura), CSS (estilo) y JavaScript (comportamiento).
2. Back-end: Programación en el servidor para procesar solicitudes.
Elementos Claves
Listas:
- Ordenadas (`<ol>`) y desordenadas (`<ul>`), con estilos personalizables (`decimal`,
`square`, etc.).
- Listas de definición (`<dl>`) y listas anidadas.
Imágenes:
- Etiqueta `<img>` para insertar imágenes.
- Atributos como `src` (origen), `alt` (texto alternativo), y `title` (información adicional).
- Uso de `<picture>` y `srcset` para imágenes adaptativas.
Tablas:
- Se estructuran con `<table>`, `<tr>` (filas), `<td>` (celdas), y `<th>` (encabezados).
- Atributos como `colspan` y `rowspan` permiten fusionar celdas.
- Uso de `<thead>`, `<tbody>`, y `<tfoot>` para dar estructura.
Formularios:
- Creación con `<form>` e incluye campos como `<input>`, `<select>`, y `<textarea>`.
- Métodos de envío (`GET`, `POST`) y validaciones (en navegador, servidor o formulario).
- Campos comunes: texto, email, contraseña, números, fechas, archivos y botones.
- Uso de atributos como `required`, `placeholder`, `autocomplete`, entre otros.
Otros Conceptos Claves
- URLs: Compuestas por protocolo (e.g., `[Link] servidor (dominio) y ruta al archivo.
- Caracteres especiales: Se representan con códigos como `<` para `<` y ` ` para un
espacio.
- Atributos en enlaces: `target` (`_blank`, `_self`), `download` para descargas.
Conclusión
El documento ofrece una base sólida para comprender y aplicar HTML, centrándose en su
sintaxis, uso de etiquetas y elementos clave para el desarrollo de páginas web.