Este documento muestra las etiquetas más comunes de HTML, con su descripción y un ejemplo práctico.
<h1> ... <h6>Se usan para títulos y subtítulos. h1 es el más grande, h6 el más pequeño.
<p>Se usa para agrupar texto en bloques legibles.
José Arcadio Buendía, que era el hombre más emprendedor que se vería jamás en la aldea, había dispuesto de tal modo la posición de las casas, que desde todas podía llegarse al río y abastecerse de agua con igual esfuerzo, y trazó las calles con tan buen sentido que ninguna casa recibía más sol que otra a la hora del calor. En pocos años, Macondo fue una aldea más ordenada y laboriosa que cualquiera de las conocidas hasta entonces por sus trescientos habitantes. Era en verdad una aldea feliz, donde nadie era mayor de treinta años y donde nadie había muerto.
<a>Sirven para dirigir a otras páginas o secciones.
Ejemplo: Ir a MDN HTML
<img>Muestra una imagen en la página. Necesita el atributo src (fuente) y alt (texto alternativo).
<ul>, <ol> y <li>Se usan para listas de elementos. ul es no ordenada (viñetas), ol es ordenada (números), y li define cada ítem.
Ejemplo de lista no ordenada:
Ejemplo de lista ordenada:
<table>Sirven para organizar datos en filas y columnas. Se usan con <tr> (fila), <th> (encabezado), <td> (celda).
| Nombre | Habilidad | Debilidades |
|---|---|---|
| Spider-Man | Trepar muros | Repelente |
| Iron Man | Armadura tecnológica | Inflacion, Impuestos |
| Batman | Armadura tecnológica | Inflacion, Impuestos |
<form>Permiten que el usuario ingrese datos. Usan etiquetas como <input>, <textarea>, <button>.
<div> y <span><div> se usa para agrupar bloques de contenido. <span> es para agrupar texto en línea.
Esto está dentro de un div.
Este texto tiene una palabra en rojo gracias a span.
Con estas etiquetas (h1-h6, p, a, img, ul/ol/li, table, form, div, span) puedes construir la mayoría de páginas web básicas.