Aprender HTML con el Bloc de notas o TextEdit
Las páginas web se pueden crear y modificar mediante el uso de editores HTML profesionales.
Sin embargo, para aprender HTML recomendamos un editor de texto simple como Notepad (PC) o TextEdit (Mac).
Creemos en 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 el Bloc de notas 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 la pantalla). Escriba Bloc de notas.
Windows 7 o anterior:
Abrir Inicio > programas > accesorios > Bloc de notas
Paso 1: Abre TextEdit (Mac)
Abra el 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".
A continuación, abra un nuevo documento para colocar el código.
Paso 2: Escribe 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>
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Paso 3: Guardar la página HTML
Guarde el archivo en su computadora. Seleccione Archivo > Guardar como en el menú Bloc de notas.
Asigne al archivo el nombre "index.htm" y establezca la codificación en UTF-8 (que es la codificación preferida para los archivos HTML).
Propina: Puede usar .htm o .html como extensión de archivo. No hay diferencia, depende de ti.
Paso 4: Ver 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 verá muy parecido a esto:
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>
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
No hay comentarios:
Publicar un comentario