La etiqueta de párrafo <p>

<p> ****es un elemento contenedor utilizado para introducir un párrafo. El contenido va entre la etiqueta inicial y la final, y los navegadores muestran diferentes párrafos con saltos de línea entre ellos.

Sería mejor usar la etiqueta <p> al iniciar una nueva idea o introducir un nuevo punto. "Vale, pero ¿por qué no puedo usar saltos de línea para eso?" Porque la etiqueta <p> te da mucho más control sobre el contenido, ya que puedes añadir atributos a los elementos y dar estilo a cada párrafo por separado. Otra razón es que las tecnologías de asistencia como los lectores de pantalla reconocen los párrafos, lo que permite a los usuarios hojearlos o hojearlos a su conveniencia.

FC6CE946-26F0-449D-8086-A67437DCAF44.jpeg

La etiqueta de texto en negritas <b>

Hay diferentes formas de dar estilo a tu texto en HTML, y una de las básicas es añadir etiquetas de formato. La etiqueta <b> pone el texto en negrita, normalmente se utiliza para enfatizar.

No utilice la etiqueta <b> para marcar encabezados; en su lugar, haga encabezados con etiquetas de encabezado especiales de <h1> a <h6>, ya que también estructuran el contenido.

63AA8346-8974-487F-BFE1-38CEC8222B55.jpeg

La etiqueta de texto en cursivas <i>

La etiqueta <i> se utiliza principalmente para títulos y nombres de obras particulares para que se destaquen de la frase circundante a la web. También puedes usarlo para enfatizar, aunque la negrita es una opción más popular.

02B90BA9-3A3E-4B60-9A19-C6F38C3227EE.jpeg

Las etiquetas de encabezado <h1> a <h6>

La función principal de las etiquetas de encabezado es crear una jerarquía visual y lógica de la página. Hay 6 elementos de encabezado de <h1> a <h6>, siendo <h1> el más y <h6> el menos importante.

Visualmente, los encabezados se destacan del texto del cuerpo con una fuente más prominente y en negrita y saltos de párrafo antes y después. Lógicamente, los motores de búsqueda utilizan los encabezados para indexar la estructura y el contenido de la página web. Tal estructura ayuda a los usuarios de tecnología vidente y de asistencia a hojear rápidamente la página y encontrar la información que necesitan.

No te saltes los niveles de encabezado. Utilice encabezados <h1> para el título principal de la página, seguidos de encabezados <h2>, luego los <h3> menos importantes, etc.

9D74AA71-8BCE-4287-B455-0A98414A9290.jpeg

La etiqueta de enlace <a>

La etiqueta <a> define un hipervínculo. Tiene un atributo href obligatorio que define el destino del enlace, sin él; el enlace no funcionará simplemente.

El texto del enlace va entre las etiquetas de inicio y cierre; así es como se mostrará el nombre del enlace a sus usuarios. También puedes usar otros elementos como enlaces, por ejemplo, imágenes o botones (hablaremos más sobre eso en la lección sobre enlaces).

El atributo de destino especifica dónde abrir el documento vinculado. De forma predeterminada, todos los enlaces se abren dentro de la misma ventana, pero al especificar el atributo target="_blank" se abrirá en una nueva ventana o pestaña.