Párrafos, listas, citas y figuras.
<p>: Un párrafo.
<div>: Una caja genérica sin significado.
<ul>: Lista sin orden (con viñetas).
<ol>: Lista ordenada (numerada).
Párrafos, listas, citas y figuras: los bloques con los que se escribe el contenido. Por defecto ocupan todo el ancho y empiezan en una línea nueva.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Esencial. Un párrafo. El texto normal va siempre en párrafos, no suelto ni separado con <br>.
Esencial. Una caja genérica sin significado. Sirve para agrupar elementos y darles estilo o maquetarlos. Úsalo cuando ningún elemento semántico encaje.
Esencial. Lista sin orden (con viñetas). Cada elemento va en un <li>. También se usa para menús.
Esencial. Lista ordenada (numerada): pasos, rankings, instrucciones.
Valores: start, reversed, type (1, a, A, i, I)
Esencial. Un elemento de una lista (<ul>, <ol> o <menu>). Puede contener otra lista.
Lista de descripciones: pares de término (<dt>) y descripción (<dd>). Para glosarios, fichas técnicas, preguntas y respuestas.
El término de una lista de descripciones.
La descripción de un término en una lista de descripciones. Un término puede tener varias.
Lista de órdenes o botones de una barra de herramientas. Se comporta como <ul>.
Una cita larga, en bloque. Con cite puedes indicar de dónde sale.
Texto preformateado: se respetan los espacios y los saltos de línea tal cual. Se usa con <code> para mostrar bloques de código.
Un cambio de tema entre párrafos (en un libro, el salto de escena). Se ve como una línea, pero si solo quieres una línea decorativa, hazla con CSS.
Esencial. Contenido que se entiende por sí mismo y se cita desde el texto: una imagen, un gráfico, un fragmento de código, con su pie (<figcaption>).
Esencial. El pie o la leyenda de una <figure>. Va al principio o al final de la figura.
Código del tema: <p>Primer párrafo del texto.</p>
Párrafos, listas, citas y figuras: los bloques con los que se escribe el contenido. Por defecto ocupan todo el ancho y empiezan en una línea nueva.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Esencial. Un párrafo. El texto normal va siempre en párrafos, no suelto ni separado con <br>.
Esencial. Una caja genérica sin significado. Sirve para agrupar elementos y darles estilo o maquetarlos. Úsalo cuando ningún elemento semántico encaje.
Esencial. Lista sin orden (con viñetas). Cada elemento va en un <li>. También se usa para menús.
Esencial. Lista ordenada (numerada): pasos, rankings, instrucciones.
Valores: start, reversed, type (1, a, A, i, I)
Esencial. Un elemento de una lista (<ul>, <ol> o <menu>). Puede contener otra lista.
Lista de descripciones: pares de término (<dt>) y descripción (<dd>). Para glosarios, fichas técnicas, preguntas y respuestas.
El término de una lista de descripciones.
La descripción de un término en una lista de descripciones. Un término puede tener varias.
Lista de órdenes o botones de una barra de herramientas. Se comporta como <ul>.
Una cita larga, en bloque. Con cite puedes indicar de dónde sale.
Texto preformateado: se respetan los espacios y los saltos de línea tal cual. Se usa con <code> para mostrar bloques de código.
Un cambio de tema entre párrafos (en un libro, el salto de escena). Se ve como una línea, pero si solo quieres una línea decorativa, hazla con CSS.
Esencial. Contenido que se entiende por sí mismo y se cita desde el texto: una imagen, un gráfico, un fragmento de código, con su pie (<figcaption>).
Esencial. El pie o la leyenda de una <figure>. Va al principio o al final de la figura.