Cómo hacer una página Web con el Bloc de notas

Cómo hacer una página Web con el Bloc de notas


A pesar de las formas sofisticadas que el contenido Web se lleva ahora, las páginas Web están todavía en gran parte hechos de un tipo de texto plano llamado lenguaje de marcado de hipertexto (HTML). Utilizando Bloc de notas para hacer una página web aumentará su alfabetización en esta lengua. El beneficio de dicha alfabetización es la capacidad de controlar todos los aspectos programables de una página Web. La mayoría de los editores de páginas Web, incluyendo los poderosos y caros, reconocen este hecho mediante la inclusión de características para permitir la entrada directa y edición de código HTML.

Instrucciones

1

Haga clic en "Inicio", a continuación, escriba "Bloc de notas" en el cuadro de texto de línea de comandos. Pulse la tecla "Enter" para ejecutar el Bloc de notas.

2

Escriba el siguiente documento de mínimos HTML en el Bloc de notas:

<HTML>

<P> Hola </ P>

</ HTML>

3

Presione "Control-S" y seleccione "Todos los archivos" en el campo de la opción "Guardar como" cuadro de diálogo "Guardar como tipo". Haga clic en "Documentos" en el panel de la izquierda para navegar a la carpeta Documentos de Windows, a continuación, haga clic en el campo "Nombre de archivo".

4

Escriba cualquier nombre de archivo que termina con estos personajes: "HTM" o ".HTML." Estos personajes, llamados una "extensión de archivo", dicen de Windows para interpretar el documento como una página Web. Pulse la tecla "Enter" para guardar el documento.

5

Haga clic en "Inicio", luego en "Documentos" para abrir el Explorador de Windows a la carpeta que guardó la página Web en el paso 5.

6

Haga doble clic en el archivo que guardó. Su navegador se abrirá y mostrará la página de una sola línea.

7

Haga clic en el icono del Bloc de notas en la barra de tareas para volver a Bloc de notas. Haga clic en el puntero del ratón antes de la "<P>" etiqueta y escriba "<BODY>," seguido de la tecla "Enter". Coloque el cursor antes de la etiqueta "</ HTML>" y tipo "</ body>", luego "Enter". Estas acciones se suman las etiquetas que el navegador tiene que mostrar las páginas Web más complejas.

8

Tipo "" después de la "</ P>", que le dirá que el navegador muestre un salto de línea. A continuación, escriba el siguiente código HTML después de la "": "<style = P" color: red "> hola de nuevo </ P>". Pulse la tecla "Control-S" para guardar los cambios en el disco duro. El nuevo código que has introducido indica al navegador que el color de algunos de texto de su página Web.

9

Haga clic en el icono en la barra de tareas que representa su navegador (por ejemplo, "Internet Explorer", "Firefox"), a continuación, pulse la tecla "F5" para decirle al navegador para volver a cargar la página, que acaba de agregar nuevo código HTML para. El navegador mostrará el texto "hola de nuevo" en rojo.

10

Haga clic en el icono de "Bloc de notas" en la barra de tareas para volver a la página Web, a continuación, reemplace el "<P>" y "</ P>" etiquetas con "<H1>" y "</ H1>." Pulse la tecla "Control-S" para guardar los nuevos cambios.

Las nuevas etiquetas que ha entrado no le dicen al navegador para interpretar el texto entre las etiquetas como las partidas de texto, en lugar de texto de párrafo normal.

11

Haga clic en icono de la barra de su navegador para regresar al navegador, a continuación, pulse la tecla "F5" para actualizar la página Web, que mostrará el texto original de manera más prominente.