HTML básico

• Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <center> <cite> <blockquote cite> <code> <ul type> <ol type start> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img alt src data-entity-uuid data-entity-type data-caption data-align>

  Este sitio permite contenido con HTML. Aunque aprender HTML puede intimidar, saber cómo usar un conjunto limitado de las etiquetas HTML más básicas es muy sencillo. Esta tabla proporciona ejemplos de como se usa cada etiqueta admitida en este sitio.

  Para más información, consulte las Especificaciones de HTML del W3C o utilice su motor de búsqueda favorito para encontrar otros sitios que traten sobre HTML.

  Descripción de la etiqueta	Cuando escribe	Obtiene
  Las anclas se usan para hacer enlaces a otras páginas.	<a href="https://www.dataprix.com">Dataprix</a>	Dataprix
  Enfatizado	<em>Enfatizado</em>	Enfatizado
  Negrita	<strong>Negrita</strong>	Negrita
  No hay ayuda disponible para la etiqueta center.
  Citado	<cite>Citado</cite>	Citado
  Bloque de cita	<blockquote>Bloque de cita</blockquote>	Bloque de cita
  Texto codificado que se usa para mostrar código fuente de programación	<code>Codificado</code>	Codificado
  Lista desordenada: use <li> para comenzar cada elemento de la lista	<ul> <li>Primer elemento</li> <li>Segundo elemento</li> </ul>	Primer elemento Segundo elemento
  Lista ordenada: utilice <li> para comenzar cada elemento de la lista	<ol> <li>Primer elemento</li> <li>Segundo elemento</li> </ol>	Primer elemento Segundo elemento
  No hay ayuda disponible para la etiqueta li.
  Las listas de definiciones son similares a otras listas HTML. <dl> da comienzo a la lista de definiciones, <dt> da comienzo a cada término definido y <dd> da comienzo a la descripción de la definición.	<dl> <dt>Primer término</dt> <dd>Primera definición</dd> <dt>Segundo término</dt> <dd>Segunda definición</dd> </dl>	Primer término Primera definición Segundo término Segunda definición
  No hay ayuda disponible para la etiqueta dt.
  No hay ayuda disponible para la etiqueta dd.
  Encabezado	<h2>Subtítulo</h2>	Subtítulo
  Encabezado	<h3>Subtítulo tres</h3>	Subtítulo tres
  Encabezado	<h4>Subtítulo cuatro</h4>	Subtítulo cuatro
  Encabezado	<h5>Subtítulo cinco</h5>	Subtítulo cinco
  Encabezado	<h6>Subtítulo seis</h6>	Subtítulo seis
  De forma predefinida, las etiquetas de párrafo se añaden automáticamente, aunque puede añadir etiquetas adicionales.	<p>Párrafo uno.</p> <p>Párrafo dos.</p>	Párrafo uno. Párrafo dos.
  De forma predefinida, las etiquetas de saltos de líneas se añaden automáticamente, aunque puede usar esta etiqueta para añadir algunos saltos adicionales. Usar esta etiqueta es diferente, porque no se usa con un par de apertura y cierre como las demás. Use el « /» extra en la etiqueta para mantener la compatibilidad con XHTML 1.0.	Texto con <br />salto de línea	Texto con salto de línea
  No hay ayuda disponible para la etiqueta span.
  No hay ayuda disponible para la etiqueta img.

  La mayoría de los caracteres inusuales se pueden escribir directamente sin ningún problema.

  Si encuentra problemas, intente usando entidades de caracteres HTML. Un ejemplo común es &amp; para un caracter ampersand &. Para conocer un lista completa de entidades, consulte la página de entidades HTML. Algunos de los caracteres disponibles incluyen:

  Descripción del carácter	Cuando escribe	Obtiene
  Etcétera (&)	&	&
  Mayor que	>	>
  Menor que	&lt;	<
  Comillas	&quot;	"

• Puede alinear imágenes, vídeos, comentarios y demás elementos a la izquierda, derecha o al centro. Por ejemplo:

  • Alinear una imagen a la izquierda: <img src="" data-align="left" />
  • Alinear una imagen al centro: <img src="" data-align="center" />
  • Alinear una imagen a la derecha: <img src="" data-align="right" />
  • … y se puede aplicar esto a otros elementos, así: <video src="" data-align="center" />

• Puedes subtitular imágenes, vídeos, blockquotes, etc. Ejemplo:

  • <img src="" data-caption="Esto es un subtitulo" />
  • <video src="" data-caption="El baile de Drupal" />
  • <blockquote data-caption="Dries Buytaert">¡Drupal es impresionante!</blockquote>
  • <code data-caption="Hola mundo en JavaScript.">alert("¡Hola Mundo!");</code>
• Sólo las imágenes hospedadas en este sitio pueden usarse en las etiquetas <img>.