Editores HTML

Escribir HTML usando el Bloc de Notas o TextEdit.

El HTML puede ser editado utilizado editores profesionales como:

  • Microsoft WebMatrix.
  • Sublime Text.

Sin embargo, para aprender HTML te recomendamos un editor de texto como el Bloc de Notas en Windows o TextEdit en Mac.

Consideramos que usando un simple editor texto es una mejor manera de aprender HTML.

Paso 1: Abre el Bloc de Notas

Para abrir el Bloc de Notas en Windows 7 o anterior:

Clic en: Inicio > Todos los programas > Accesorios > Bloc de Notas

Para abrir el Bloc de Notas en Windows 8 o posterior:

Abre la pantalla de Inicio (símbolo de Windows en la esquina inferior izquierda de la pantalla) y escribe Bloc de Notas.

Paso 2: Escribe algo de HTML

Escribe o copia el siguiente código en tu Bloc de Notas:

<!DOCTYPE html>
<html>
<body>
  <h1>Mi primer encabezado</h1>
  <p>Mi primer párrafo</p>
</body>
</html>

Paso 3: Guarda el documento como HTML

Guarda el archivo en tu computadora.

Da clic en el  Menú Archivo > Guardar como del Bloc de Notas

Nombra el archivo como "index.html" o cualquier nombre pero con la extensión html o htm.

  • Puedes usar html o htm, no hay diferencia entre ellas.
  • UTF-8 es la codificación más adecuada para archivos HTML.
  • La codificación ANSI cubre Estados Unidos y sólo caracteres de Europa occidental.

Paso 4: Abre el documento en tu Navegador Web

Abre el documento en tu Navegador favorito y mira el resultado.

Para abrir el documento da doble clic al archivo y lo mostrara en tu Navegador Web configurado como Predeterminado.

Si no lo abre o deseas verlo en otro Navegador instalado en tu computadora, da clic derecho en el archivo y elige Abrir con en el menú y a continuación elige el Navegador de tu elección.