Elementos de línea

Las etiquetas de línea a diferencia de las de bloque, no crean una nueva línea, sino que ocupan sólo el espacio que el contenido les permita ocupar. En general, los elementos en línea pueden contener únicamente los datos y otros elementos en línea. Por tanto no pueden ser contendores de elementos de bloque.

Código de un elemento html inline — Código de un elemento de línea

Forma visual de un elemento de línea — En el navegador se vería así:

Más utilizadas

Enfatizado de texto

: Menos énfasis que el texto normal
: emphasis
: Más énfasis

A nivel visual, el texto que contienen es diferente al texto que está por fuera, eso es porque la etiqueta por si misma le dice al navegador que ese texto que contiene es más o menos importante que el lo rodea, y de manera visual, se le dice al usuario la importancia de ese texto. Si por ejemplo un texto dentro un párrafo, tiene una importancia de 0 para el navegador, la etiqueta small tendría un valor de -1 dentro de ese párrafo, la etiqueta em valdría 1, y strong valdría 2.

Para fórmulas

: Superíndice; Se utiliza por ejemplo en fórmulas matemáticas para representar el cuadrado de un número.
: Subíndice; Justo lo contrario de Superíndice. En fórmulas de química por ejemplo, para representar la cantidad de átomos de un elemento en una molécula.

Código de uso de la etiqueta sup — 4 Elevado al cuadrado se representa así 4²

Código de uso de la etiqueta sub — Agua oxigenada tiene la fórmula H₂O₂

Otras

 : Forzar salto de línea. Casos ideales serían una dirección o un poema.
: Word Break Opportunity*
<time></time>: Le dice al navegador que el contenido es una hora, fecha o ambas.

* Word Break Opportunity se usa para cuando una palabra es muy larga y no cabe en la pantalla del navegador. No es el caso más común pero una URL por ejemplo sí lo es.

Ejemplo de código de una etiqueta wbr — Forma correcta de usar un `<wbr>`

Algo importante a tener en cuenta con los , es que se comportan igual que los guiones altos. Eso implica que aunque no tenga un  pero si tenga un -, el navegador, si tiene oportunidad lo usará como salto de línea también.

En desuso

: Itálica *; * Itálica a día de hoy se usa para representar iconografía en HTML. Por ejemplo un ícono de una red social o el de menú hamburgueza.
: Bold; Texto en negrita.
: Underline.; Para texto en negrita