miércoles, 22 de febrero de 2017

¿Qué programas usaré para trabajar con HTML?

Tutorial de HTML y principalmente su version 5

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>
un poco de codigo 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).

guardando el archivo 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:

viendo la pagina

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:

lo que muestra el navegador

No hay comentarios.:

Publicar un comentario