Elementos que marcan una parte del texto dentro de un párrafo.
<a>: Un enlace.
<strong>: Importancia, seriedad o urgencia.
<em>: Énfasis.
<span>: Un trozo de texto sin significado, para darle estilo o manipularlo con JavaScript.
Elementos que marcan una parte del texto dentro de un párrafo: enlaces, énfasis, código, fechas… No empiezan línea nueva. Elígelos por lo que significan, no por cómo se ven.
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 enlace: a otra página, a otra parte de la misma página (#id), a un correo o a un teléfono. El texto del enlace tiene que decir adónde lleva.
Valores: href, target="_blank", download, rel
📌 Nota. Evita «pincha aquí»: con un lector de pantalla se puede saltar de enlace en enlace, y «aquí» no dice nada.
Esencial. Importancia, seriedad o urgencia. Se ve en negrita, pero la negrita decorativa se hace con CSS.
Esencial. Énfasis: cambia el sentido de la frase, como cuando lo dices en voz alta. Se ve en cursiva.
Llama la atención sobre unas palabras sin darles más importancia: palabras clave, nombres de producto.
Texto con otra voz o en otro registro: palabras en otro idioma, términos técnicos, títulos de obras, pensamientos.
Marca un texto con una anotación no textual, como una falta de ortografía. Se ve subrayado y se confunde con un enlace: úsalo poco.
Algo que ya no es correcto o no vale, pero se deja a la vista: un precio anterior.
Resalta un texto por su relevancia en ese momento: las palabras buscadas, una parte de una cita.
Letra pequeña: avisos legales, derechos, aclaraciones al margen.
Esencial. Un trozo de texto sin significado, para darle estilo o manipularlo con JavaScript. Es el <div> en línea.
Un salto de línea dentro del mismo párrafo: en direcciones, poemas, letras de canciones. No lo uses para separar párrafos ni para dejar espacio.
Un punto donde el navegador puede partir una palabra muy larga si no cabe. No añade guion.
Esencial. Un fragmento de código dentro del texto: un nombre de elemento, de propiedad, de fichero.
Lo que la persona tiene que teclear: teclas, atajos, órdenes.
Lo que devuelve un programa: un mensaje de error, la salida de la terminal.
Una variable en matemáticas o en programación.
Una abreviatura o una sigla. El significado completo, la primera vez, en el texto o en title.
El término que se define en esa frase o en ese párrafo.
El título de una obra: un libro, una película, una canción, un cuadro.
Una cita corta dentro del texto. El navegador añade las comillas.
Una fecha o una hora. En datetime va en formato que entienden las máquinas (año-mes-día), para calendarios y buscadores.
Un dato con su valor para máquinas en value (un código de producto, un número).
Subíndice: fórmulas químicas, notas matemáticas.
Superíndice: exponentes, ordinales en otros idiomas, llamadas a notas.
Aísla un texto cuya dirección no conoces (por ejemplo, un nombre de usuario en árabe), para que no desordene lo que lo rodea.
Fuerza la dirección del texto con dir (ltr o rtl).
Anotación ruby: una guía de pronunciación encima del texto, propia del chino y del japonés.
El texto de la anotación dentro de <ruby>.
Paréntesis para los navegadores que no saben mostrar <ruby>; los demás los ocultan.
Texto borrado en una revisión del documento. Con datetime, cuándo.
Texto añadido en una revisión del documento.
Código del tema: <p>Mira mis <a href="proyectos.html">proyectos</a>,
Elementos que marcan una parte del texto dentro de un párrafo: enlaces, énfasis, código, fechas… No empiezan línea nueva. Elígelos por lo que significan, no por cómo se ven.
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 enlace: a otra página, a otra parte de la misma página (#id), a un correo o a un teléfono. El texto del enlace tiene que decir adónde lleva.
Valores: href, target="_blank", download, rel
📌 Nota. Evita «pincha aquí»: con un lector de pantalla se puede saltar de enlace en enlace, y «aquí» no dice nada.
Esencial. Importancia, seriedad o urgencia. Se ve en negrita, pero la negrita decorativa se hace con CSS.
Esencial. Énfasis: cambia el sentido de la frase, como cuando lo dices en voz alta. Se ve en cursiva.
Llama la atención sobre unas palabras sin darles más importancia: palabras clave, nombres de producto.
Texto con otra voz o en otro registro: palabras en otro idioma, términos técnicos, títulos de obras, pensamientos.
Marca un texto con una anotación no textual, como una falta de ortografía. Se ve subrayado y se confunde con un enlace: úsalo poco.
Algo que ya no es correcto o no vale, pero se deja a la vista: un precio anterior.
Resalta un texto por su relevancia en ese momento: las palabras buscadas, una parte de una cita.
Letra pequeña: avisos legales, derechos, aclaraciones al margen.
Esencial. Un trozo de texto sin significado, para darle estilo o manipularlo con JavaScript. Es el <div> en línea.
Un salto de línea dentro del mismo párrafo: en direcciones, poemas, letras de canciones. No lo uses para separar párrafos ni para dejar espacio.
Un punto donde el navegador puede partir una palabra muy larga si no cabe. No añade guion.
Esencial. Un fragmento de código dentro del texto: un nombre de elemento, de propiedad, de fichero.
Lo que la persona tiene que teclear: teclas, atajos, órdenes.
Lo que devuelve un programa: un mensaje de error, la salida de la terminal.
Una variable en matemáticas o en programación.
Una abreviatura o una sigla. El significado completo, la primera vez, en el texto o en title.
El término que se define en esa frase o en ese párrafo.
El título de una obra: un libro, una película, una canción, un cuadro.
Una cita corta dentro del texto. El navegador añade las comillas.
Una fecha o una hora. En datetime va en formato que entienden las máquinas (año-mes-día), para calendarios y buscadores.
Un dato con su valor para máquinas en value (un código de producto, un número).
Subíndice: fórmulas químicas, notas matemáticas.
Superíndice: exponentes, ordinales en otros idiomas, llamadas a notas.
Aísla un texto cuya dirección no conoces (por ejemplo, un nombre de usuario en árabe), para que no desordene lo que lo rodea.
Fuerza la dirección del texto con dir (ltr o rtl).
Anotación ruby: una guía de pronunciación encima del texto, propia del chino y del japonés.
El texto de la anotación dentro de <ruby>.
Paréntesis para los navegadores que no saben mostrar <ruby>; los demás los ocultan.
Texto borrado en una revisión del documento. Con datetime, cuándo.
Texto añadido en una revisión del documento.