Cómo crear un blog en HTML

Crear un blog en HTML es una forma simple de tener un blog que puedes actualizar en cualquier editor de texto. Los blogs tienen varios elementos en común que se producen fácilmente en HTML básico. Cada entrada de blog debe aparecer encima de la anterior, tener un título, fecha y contenido. Usando etiquetas de comentario HTML, el código para las entradas del blog permanece en la página pero no se ve hasta que se usa para una entrada real. El código se copia de la sección de etiqueta de comentario y se pega en la página encima de la última entrada del blog. Luego, el código se rellena con contenido.

Paso 1

Abre el editor de texto y crea un nuevo archivo haciendo clic en "Archivo" y "Nuevo". Cada computadora viene con un editor de texto. Una PC con Windows usa el Bloc de notas. Esto se encuentra bajo "Aplicaciones" en el menú Inicio. Las PCs Mac tienen TextEdit. Para abrir TextEdit, abre Finder y haz clic en "Aplicaciones". Desplázate hasta el icono de TextEdit y haz doble clic para abrir.

Paso 2

Crea la página web escribiendo las etiquetas HTML básicas para la página. Por ejemplo:

<html>
  <head>
    <title>Mi Blog</title>
  </head>
  <body>
  </body>
</html>

Paso 3

Usa la etiqueta de encabezado más grande para dar un título a la página. Las etiquetas de encabezado comienzan con h y terminan en un número siendo 1 el más grande. Por ejemplo:

<body>
  <h1 style="text-align:center">Mi Blog</h1>
</body>

El elemento style usa elementos CSS para centrar el título en la página. Los encabezados también dejan un doble espacio después de ellos.

Paso 4

Crea el código de la entrada del blog usando etiquetas de encabezado más pequeñas y etiquetas de párrafo. Por ejemplo:

<h3>Mi Primera Entrada</h3>
<em>1 de junio de 2010</em>
<p>Esta es una entrada</p>

La etiqueta EM italiciza el texto. La etiqueta BR o salto pone un salto de línea después de la fecha. La etiqueta P o párrafo pone un doble salto de línea después de un bloque de texto. La etiqueta HR pone una línea a través de la página después del párrafo.

Paso 5

Copia el código para la entrada del blog y colócalo antes de la primera entrada. Coloca el código en la etiqueta de comentario. La etiqueta de comentario es <!-- -->. La página en el ejemplo ahora se verá como:

<html>
  <head>
    <title>Mi Blog</title>
  </head>
  <body>
    <h1 style="text-align:center">Mi Blog</h1>
    <!--<h3>Mi Primera Entrada</h3> <em>1 de junio de 2010</em> <p>Esta es una entrada</p> -->
  </body>
</html>

Mi Primera Entrada

Esta es una entrada