No debería ser necesario que los editores de contenido tuvieran que aprender HTML para ingresar sus notas en un CMS, pero la verdad es que a veces los editores de texto enriquecido generan código en algo más que HTML. Este trencito (dícese de un documento pequeño con conceptos básicos pensados para ser copiados) tiene lo mínimo que usted debe saber de HTML para ingresar un contenido en un CMS con cierto valor semántico y manteniendo la accesibilidad, o al menos darse cuenta si el editor de su CMS generó algo que no debía.

1. Etiqueta Significado Ejemplo Cómo se ve
<h1></h1>
. . . . . .
<h6></h6>
Encabezados <h1> Encabezado 1</h1>
<h2> Encabezado 2 </h2>
Encabezado 1
Encabezado 2
<strong></strong
>
Importancia Las motos son <strong>peligrosas</strong> Las motos son peligrosas
<em></em> Énfasis Las <em>motos</em> son peligrosas Las motos son peligrosas
<p></p> Párrafo <p> Un párrafo del documento.</p>
<p> Otro párrafo del documento.</p>
Un párrafo del documento.
Otro párrafo del documento.
<ul>
<li></li>
</ul>
Lista no numerada <ul>
<li>100 g de harina</li>
<li>10 g de azúcar</li>
<li>1 taza de agua</li>
<li>2 huevos</li>
<li>sal, pimienta</li>
</ul>
• 100 g de harina
• 10 g de azúcar
• 1 taza de agua
• 2 huevos
• sal, pimienta
<ol>
<li></li>
</ol>
Lista numerada <ol>
<li>Mezcle los ingredientes secos. </li>
<li>Vierta los ingredientes líquidos.</li>
<li>Remueva durante 10 minutos. </li>
<li>Hornee durante una hora a 300 grados. </li>
</ol>
1. Mezcle los ingredientes secos.
2. Vierta los ingredientes líquidos.
3. Remueva durante 10 minutos.
4. Hornee durante una hora a 300 grados.
Imagen <img
src=“dirección de la imagen”
alt=“texto alternativo”
>
Enlace Los <a href="link.html">resultados de los partidos</a>
de la jornada fueron sorprendentes.
Los resultados de los partidos de la jornada
fueron sorprendentes.
<br /> Salto de línea Una frase <br /> que necesita un salto Una frase
que necesita un salto

2. Etiqueta Ejemplo Cómo se ve
<table summary=“”>
<thead>
<tr>
<th></th>
. . . . .
</tr>
. . . .
</thead>
<tbody>
<tr>
<td></td>
. . . . .
</tr>
. . . .
</tbody>
</table>
<table summary="Resumen de temperaturas máxima, mínima y previsión del tiempo en
distintas ciudades del mundo para el viernes 22 de agosto de 2008.">
<caption>Previsión metereológica. Ciudadades del mundo.</caption>
<thead>
<tr>
<th>Ciudad</th>
<th>Máxima</th>
<th>Mínima</th>
<th>Previsión</th>
</tr>
</thead>
<tbody>
<tr>
<td>Montevideo</td>
<td>26°</td>
<td>18°</td>
<td>Cubierto</td>
</tr> . . . . .
</tbody>
</table>
Tabla con resumen, título y primera columna como
encabezado
<table summary=“”>
<thead>
<tr>
<th scope=“col”></th>
. . . . .
</tr>
. . . .
</thead>
<tbody>
<tr>
<th scope=“row”></th>
<td></td>
. . . . .
</tr>
. . . .
</tbody>
</table>
<table summary="Resumen de temperaturas máxima, mínima y previsión del tiempo en
distintas ciudades del mundo para el viernes 22 de agosto de 2008.">
<caption>Previsión metereológica. Ciudadades del mundo.</caption>
<thead>
<tr>
<th scope="col" >Ciudad</th>
<th scope="col" > Máxima</th>
<th scope="col" > Mínima</th>
<th scope="col" > Previsión</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row”>Montevideo</td>
<td>26°</td>
<td>18°</td>
<td>Cubierto</td>
</tr> . . . . .
</tbody>
</table>
Tabla con resumen, título y primera columna y primera
fila como encabezados.