02-Editores de texto




Aprende HTML usando Notepad o TextEdit

Las páginas web pueden ser creadas y modificadas usando editores de HTML profesionales. Sin embargo, para aprender HTML, recomendamos un editor de texto simple como Notepad (PC) o TextEdit (Mac).




...

Abrir el Bloc de Notas (PC)

Windows 8 o posterior:

Abre la pantalla de inicio (el símbolo de la ventana en la esquina inferior izquierda de la pantalla). Escribe Bloc de notas

Windows 7 o anterior:

Abre Inicio > Programas > Accesorios > Bloc de notas




Abrir TextEdit (Mac)

Abre Finder > Aplicaciones > TextEdit

Además, ajusta algunas preferencias para hacer que la aplicación guarde archivos correctamente. En Preferencias > Formato, selecciona "Texto simple"

Luego, en "Abrir y guardar", marca la casilla que dice "Mostrar archivos HTML como código HTML en lugar de texto formateado".

Luego, abre un nuevo documento para colocar el código.




Escribir HTML

El siguiente código HTML muestra una estructura básica de una página:

<!DOCTYPE html>
<html>
<body>
<p>My first paragraph.</p>
<h1>My First Heading</h1>
</body>
</html>

Código del ejemplo

            
            <!DOCTYPE html>
<html>
<body>
<p>My first paragraph.</p>
<h1>My First Heading</h1>
</body>
</html>


Guardar la página HTML

Guarda el archivo en tu computadora. Selecciona Archivo > Guardar como en el menú del Bloc de notas.

Nombralo "index.htm" y define la codificación como UTF-8 (que es la codificación preferida para archivos HTML).




Visualiza la página HTML en tu navegador

Abre el archivo HTML guardado en tu navegador favorito (haz doble clic en el archivo, o haz clic derecho y selecciona "Abrir con").

El resultado será muy parecido a esto:





Publicar un comentario

0 Comentarios