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 : á -á é-é í-í ó-ó ú-ú en su lugar. Por ejemplo para que se vea bien en navegador ‘página’, se pone en la codificación html : página.
Con lo anterior y un simple editor se puede sobrevivir para realizar un archivo html de urgencia 🙂
Tomas Pardellas