Que programas usaré?
Editor de texto
Escribe HTML con Notepad o Textedit
Las paginas web pueden ser creadas y modificadas con editores profesionales de HTML. Sin embargo, para aprender HTML te recomiendo un simple editor de texto como notepad (PC) o textedit (Mac).
Creo que usar un editor de texto simple es un buen modo de aprender HTML.
Sigue los cuatro pasos de abajo para crear tu primer pagina web con notepad o textedit.
Paso 1:
Abre Notepad (PC)
Windows 8 o posteriores:
Abre la pantalla de inicio (el símbolo de ventana en la esquina inferior izquierda de tu pantalla). Teclea bloc de notas.
Windows 7 o anteriores:
Abre inicio > todos los programas > accesorios > bloc de notas
Abre Textedit (Mac)
Abre buscador > aplicaciones > textedit
También debes cambiar algunas de las preferencias para que la aplicación guarde los documentos correctamente.
En Preferencias > formato > elige “texto plano”. Luego bajo “abrir y guardar”, chequea la caja que dice “ignorar los comandos para texto enriquecido en documentos HTML”.
Y luego crea un nuevo documento donde colocar el código.
Paso 2:
Escribe algo de HTML
Escribe o copia algo de html al notepad.
<!DOCTYPE html> <html> <body> <h1>Mi Primer Encabezado</h1> <p>Mi primer parrafo.</p> </body> </html>

Paso 3:
Guarda la pagina html
Guarda el archivo en tu computadora. Selecciona en el menú archivo > guardar como
Nombra el archivo “índice.htm” y configura la codificación en UTF-8 (la cual es la codificación preferida para los archivos html).

Puedes usar ya sea .htm o .html como extensión de archivo. No hay diferencia, depende de ti.
Paso 4:
Ve la pagina web en tu navegador
Abre el archivo html guardado, en tu navegador favorito (haz doble click sobre el archivo, o click derecho – y elige “abrir con”).
El resultado se verá bastante como este:

Navegador web
El propósito de un navegador web (chrome, IE, FireFox, Safari) es leer los archivos HTML y mostrarlos.
El navegador no muestra las etiquetas HTML, pero si las usa para determinar cómo mostrar el documento:

No hay comentarios.:
Publicar un comentario