Mini-sopa de elementos [HTML]

A veces necesitamos hacer una página web con un pequeño editor para colgar algo de urgencia o para hacer una prueba. Pues rápido.. , una pequeña chuleta con lo más importante para crear esa mini-página.

La estructura básica de una página en HTML (con el editor, después guardamos con extensión ‘.html’ :

<html>
<head><title>Web Ejemplo</title></head>

<body>
Aquí ponemos el contenido usando las etiquetas que resumo después para organizar contenidos
</body>

</hmtl>

Y una mini chuleta con las etiquetas más básicas para formatear el texto, títulos, poner enlaces a otra web,imágenes…:

  • <p></p> : divide los textos en párrafos
  • <br> : cambiar a otra línea (como retorno de carro)
  • <h1></h1>,<h2></h2>,,<h5> : cabeceras o títulos de sección, a número más pequeño sección y tipografía más pequeña.
  • <code></code>, <pre></pre> : usado para indicar código de ejemplo o reflejar ‘tal cua’l lo que escribimos en el navegador, o indicar un comando de ejemplo, etc.
  • <q></q> quote , añade comillas
  • <blockquote></blockquote> : interesante par añadir citas dentro de un párrafo
  • <hr> para dibujar una línea horizontal y dividir secciones
  • <b></b>,<strong></strong> Ponemos en negrita o destacada las palabras
  • <ul></ul>, <ol></ol> para crear listas ul: no ordenadas, y ol, las crea ordenadas en orden ascendente por defecto. Cada elemento lo ponemos con <li></li>
  • <a href=»url»>Enlace</a> : básica para enlazar a otra web o página
  • <img src=»imagen.gif»>

** para acentos recordar que hay que poner : á -&aacute;  é-&eacute;  í-&iacute;  ó-&oacute;  ú-&uacute; en su lugar. Por ejemplo para que se vea bien en navegador ‘página’, se pone en la codificación html : p&aacute;gina.

Con lo anterior y un simple editor se puede sobrevivir para realizar un archivo html de urgencia 🙂

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *