Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML cheat sheet (Trencito de HTML para editores)

352 views

Published on

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.

Published in: Education
  • Be the first to comment

  • Be the first to like this

HTML cheat sheet (Trencito de HTML para editores)

  1. 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. 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.

×