Editores HTML
Un simple editor de texto es todo lo que necesita para aprender HTML.
Aprenda HTML usando el Bloc de notas o TextEdit
Las páginas web se pueden crear y modificar utilizando editores HTML profesionales.
Sin embargo, para aprender HTML recomendamos un editor de texto simple como Notepad (PC) o TextEdit (Mac).
Creemos que usar un editor de texto simple es una buena manera de aprender HTML.
Siga los pasos a continuación para crear su primera página web con Notepad o TextEdit.
Paso 1: Abra el Bloc de notas (PC)
Windows 8 o posterior:
Abra la pantalla de inicio (el símbolo de la ventana en la parte inferior izquierda de su pantalla). Escribe Bloc de notas .
Windows 7 o anterior:
Abra Inicio > Programas > Accesorios > Bloc de notas
Paso 1: abre TextEdit (Mac)
Abre Finder > Aplicaciones > TextEdit
También cambie algunas preferencias para que la aplicación guarde los archivos correctamente. En Preferencias > Formato > elija "Texto sin formato"
Luego, en "Abrir y guardar", marque la casilla que dice "Mostrar archivos HTML como código HTML en lugar de texto formateado".
Luego abra un nuevo documento para colocar el código.
Paso 2: escribir algo de HTML
Escriba o copie el siguiente código HTML en el Bloc de notas:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Paso 3: Guarde la página HTML
Guarde el archivo en su computadora. Seleccione Archivo > Guardar como en el menú Bloc de notas.
Nombre el archivo "index.htm" y establezca la codificación en UTF-8 (que es la codificación preferida para los archivos HTML).
Sugerencia: puede usar .htm o .html como extensión de archivo. No hay diferencia, depende de ti.
Paso 4: vea la página HTML en su navegador
Abra el archivo HTML guardado en su navegador favorito (haga doble clic en el archivo o haga clic con el botón derecho y elija "Abrir con").
El resultado se parecerá mucho a esto:
Editor en línea de W3Schools - "Pruébelo usted mismo"
Con nuestro editor en línea gratuito, puede editar el código HTML y ver el resultado en su navegador.
Es la herramienta perfecta cuando desea probar el código rápidamente. También tiene codificación de colores y la capacidad de guardar y compartir código con otros:
Ejemplo
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Haga clic en el botón "Pruébelo usted mismo" para ver cómo funciona.
Espacios W3Schools
Si desea crear su propio sitio web y guardar su código en línea, pruebe nuestro creador de sitios web gratuito , llamado W3schools Spaces :