Guía básica HTML 5

texto

Etiquetas básicas para dar formato y presentar información textual, ofrecer alternativas de accesibilidad de lectura y proveer esquemas de navegación para los contenidos del sitio o página Web.

h#

Descripción

Se utiliza para definir encabezados de texto. El número indica la jerarquía, siendo h1 el título principal. Se despliega por defecto en bloque. Se recomienda que sólo exista un título principal por página como una buena práctica de SEO.

Sintaxis

<h1>Título principal</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>
                

Vista con estilos

Título principal

Encabezado 2

Encabezado 3

Encabezado 4

Encabezado 5
Encabezado 6

p

Descripción

Establece un párrafo de texto. Se despliega por defecto en bloque.

Sintaxis

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed malesuada mi, ac habitant morbi tristique senectus et netus etmalesuada fames ac turpis egestas.</p>
                

Vista con estilos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed malesuada mi, ac habitant morbi tristique senectus et netus etmalesuada fames ac turpis egestas.

a

Descripción

Define un hipervínculo o enlace a algún destino específico, ya sea en la misma página, mismo sitio o bien un destino externo. Se despliega por defecto en línea.

Atributos destacados

  • download: Si es un enlace de descarga, define el nombre del archivo que se descargará a través del enlace sin recargar el contenido de la página.
  • href: Establece el destino al que envía el enlace. En caso de ser una URL, debe llevar siempre el protocolo de transferencia (http o https).
  • target: Define donde se abrirá el destino del enlace. Por defecto es "_self", que abre en la misma ventana o pestaña, para abrir en otra pestaña se define "_blank".

Sintaxis

<a href="https://www.sitioexterno.com" target=" _blank">Enlace externo: envía a una URL fuera del sitio</a>
<a href="otraPagina.html">Enlace local: envía a otra página del sitio</a>
<a href="#idDestino">Enlace interno: envía a un ID en la misma página</a>
<a href="archivo.zip" download="Nombre del ZIP" >Enlace de descarga</a>
                

em

Descripción

Define que el contenido de la etiqueta debe resaltarse con una voz enfática en un contexto de accesibilidad. Visualmente se presenta con itálicas por defecto.

Sintaxis

<em> Texto con voz enfática para herramientas de accesibilidad </em>
                

Vista con estilos

Texto con voz enfática para herramientas de accesibilidad

strong

Descripción

Define que el contenido de la etiqueta debe resaltarse con una voz fuerte en un contexto de accesibilidad. Visualmente se presenta con negritas por defecto.

Sintaxis

<strong> Texto con voz fuerte para herramientas de accesibilidad </strong>
                

Vista con estilos

Texto con voz fuerte para herramientas de accesibilidad

br

Descripción

Establece un salto de línea.

Sintaxis

                    <br>