Primero debemos empezar abriendo el Bloc de notas o Notepad, que se encuentra en el menú: Inicio>>Programas>>Accesorios
Un archivo HTML depende de las etiquetas para comunicarle al texto como debe comportarse. Las etiquetas vienen en parejas (aunque no todas), que definen el inicio y el final. El texto entre una etiqueta de inicio o apertura y otra de final o cierre se comportará de acuerdo a las características de la etiqueta que lo afecta.
Las etiquetas básicas que definen a un archivo HTML son las siguientes:
<HTML></HTML>, estas etiquetas definen al archivo.
<HEAD></HEAD>, todo archivo HTML necesita una cabedera.
<TITLE></TITLE>, también necesita un título.
<BODY></BODY>, aquí es donde va todo el contenido de su página.
Las etiquetas deben ser anidadas, es decir, la primera que se abre es la última que se cierra.
Todo archivo HTML necesita llevar las etiquetas arriba mencionadas y estas llevan siempre un orden específico:
Primero definimos que la página en que trabajamos es un archivo HTML
<HTML>
</HTML>
Luego agregamos una cabecera a dicho archivo:
<HTML>
<HEAD></HEAD>
</HTML>
Dentro de la cabecera definimos el título. Esto es lo que se muestra en la parte superior izquierda de la página web.
<HTML>
<HEAD><TITLE></TITLE></HEAD>
</HTML>
Y ahora definimos la etiqueta <BODY></BODY>, en donde trabajaremos el contenido de nuestra página.
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY></BODY>
</HTML>
Ahora ya tenemos lista nuestra primera página web, es hora de ponerle un título y colocar algo dentro de ella que será el texto que queremos que el mundo vea, este texto irá dentro de las etiquetas <BODY></BODY>, veamos:
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY>Hola a todos</BODY>
</HTML>
Escriba esto dentro de su página de trabajo de Notepad (Bloc de notas) y guarde dicha página como pag1.html
Es importante que al guardar la página defina la extensión html, de lo contrario Notepad la guardará como archivo de texto, es decir como pag1.txt, que no puede ser vista por un navegador de Internet.
Ahora abra la página que guardó, usted debe tener algo parecido a esto
Nota: Los vínculos para que usted verifique su código son solamente una referencia. Usted debe hacer los cambios que se indican en cada lección a su propio archivo, guardar los cambios y actualizar la página que está diseñando para visualizar dichos cambios.