HTML inline elements (ES)

HTML inline elements son aquellos elementos que son mostrados en línea por defecto(display: inline), en algunos casos algunos de estos elementos también pueden venir con el valor por defecto inline-block dependiendo del navegador que usemos, los cuales indicaremos en cada elemento que pueda pasar esto.

<a>

El elemento ancla o anchor, este elemento sirve par crear un vínculo o enlace a otra página de internet.

<abbr> y <acronym>

Elemento de abreviación, por lo general indica una abreviación dentro de un párrafo donde todo lo que esté entre <abbr> y </abbr> será la abreviación.

Se recomienda el uso de <abbr></abbr> para los acrónimos también.

<b> y <strong>

<b> Indica la letra en negrita(bold), <strong> es muy bueno para indicar énfasis sobre la parte de un texto que tenga importancia fuerte, también pone la letra en negrita y en tal caso se recomienda el uso de <strong>.

Todo lo que esté entre <b></b> o <strong></strong> estará en negrita por defecto

<bdo>

anula la bidireccional del texto(=>) quedando de derecha a izquierda(<=), esto es tal cual como se lee en algunos países. estos países son Arabia Saudita, Argelia, Egipto, Emiratos Árabes Unidos, Irak, Jordania, Kuwait, Líbano, Libia, Marruecos, Somalia, Sudán, Túnez, Yemen, Yibuti, Palestina. También en ocasiones Japón y China.

<br>

produce un salto de línea, esta etiqueta no necesitará de una etiqueta de cierre </br>, esta etiqueta se escribe de la siguiente manera <br/>

<button>

crea un botón en pantalla, a diferencia de input en este puedes poner imágenes dentro y realizar algunas acciones más.

<cite>

con esta etiqueta podremos marcar una cita a un texto o autor determinado. Veamos un Ejemplo:

<cite>cita del autor</cite>

<code>

indicaremos que el texto se trata de un código siendo este el texto que se encuetra entre <code> y </code>

<dfn>

es un término que se quiere definir, por ejemplo,

<p>
<dfn>AJAX</dfn>
(de las siglas en Inglés Asynchronous JavaScript And XML ) es una práctica de programación utilizada
 para construir páginas web más complejas y dinámicas, utilizando una tecnología conocida como XMLHttpRequest (en-US).
<p>

<em> y <i>

La etiqueta <em> se utiliza para hacer énfasis sobre texto, la etiqueta <i> se utilizaba antes con el mismo objetivo, ya que la etiqueta <i> realiza letra cursiva.

Ejemplo

<em>énfasis en un texto</em>

<i>texto cursivo</i>

<img>

con <img> podremos mostrar una imagen en el navegador ejemplo:

<img src="miimagen.png" alt="una imagen"  />

<input>

<input> creará un input para formularios, estos inputs pueden ser de varios tipos: texto, checkbox, radio, submit, search, button etc.

<kbd>

<kbd> representa el texto que se ha de ingresar por keyboard por ejemplo <kbd>control + L<kbd> dara algo como esto control + L claro esta que la etiqueta kbd en nuestra pagina esta moificada con css

<label>

<label> representará una etiqueta de forma visual para un elemento de interfaz de usuario

<map>

<map> nos permitirá un mapa para una imagen, este mapa nos permitirá crear regiones clickeables dentro de la imagen. Estas regiones las podrás crear dentro de map utilizando la etiqueta <area>

<object>

Este elemento representará un recurso externo

<output>

<output> es utilizada para poder hacer exactamente el output o resultado de correr una app

<output>Resultado de correr la aplicación</output>

<q>

<q> es una etiqueta empleada para hacer una cita en una línea de texto

<samp>

<samp> es la etiqueta utilizada para devolver una muestra de lo obtenido desde un programa

<samp>output de un programa</samp>

<script>

<script> es utilizado generalmente para colocar código de un scripting language como puede ser php, javascript o python, pero generalmente este es usado y fue especialmente creado para utilizar javascript dentro de esta etiqueta o cargar scripts de javascript.

<select>

<select> representará un control que muestra un menú de opciones, esta etiqueta dirá cuando empieza este control y cuando termina y con la etiqueta <option> podremos definir cada opción.

<small>

Letra pequeña

<span>

<span> es una etiqueta que se utiliza usualmente para dar estilos o agrupar varios elementos en línea

<sub>

muestra el texto más abajo, esta etiqueta no debe ser utilizada para solo dar estilo, el uso de este elemento debe tener sentido así como en química CO₂ esto sería

<p>CO<sub>2</sub></p>

Puedes verlo como si fuera subindex

<sup>

<sup> muestra el texto más arriba, al igual que en el elemento anterior esta etiqueta debe utilizarse con sentido, por ejemplo en una ecuación matemática y=x² en HTML lo podríamos escribir de esta manera

<p> y=x<sup>2</sup></p>

<textarea>

<textarea> crea un elemento donde podemos ingresar una gran cantidad de texto a diferencia de <input type="text">, <textarea></textarea>

<time>

<time> aunque es una etiqueta no muy utilizada, lo podemos usar para especificar un tiempo

<var>

<var> definirá el texto como variables

Elementos en des-uso

<big>(no usar)<tt>(no usar)