Creación de Páginas web con Bloc de Notas

Quién diría que se puede crear páginas web con una aplicación de Windows ..., increíble, no?, pero para crear una página web, se debe de tomar en cuenta ciertos códigos y lineamientos para lograr la creación de la página web:

Primero, debes ingresar al ícono de INICIO, que se encuentra en la parte inferior derecha de la pantalla:Imagen titulada Windowsstart.png

Después, buscar "BLOC DE NOTAS", y hacer clic en el ícono de la aplicación.
Ya abierto el bloc de notas, debemos colocar, mediante lenguaje "HTML" el siguiente código:
<!DOCTYPE html>

OJO: ES MUY IMPORTANTE COLOCAR LOS SIGNOS MAYOR Y MENOR (< >)
EN LAS ETIQUETAS PARA QUE PUEDA FUNCIONAR CORRECTAMENTE.

Ya colocada la etiqueta, enseguida presionamos "enter" y colocamos en encabezado:
<header>
Luego, procedemos a colocar el idioma de nuestra página, colocando la siguiente etiqueta:
<html lang= "es">  (lang es el lenguaje y "es" ,el inicial del idioma a usar)

Ahora, procedemos a crear el título de nuestro encabezado:

<title> "Mi primera página web" </title> 

Un dato muy importante, es que debemos colocar el slash antes de la palabra, para que pueda salir el título en la página.

Ya terminado el título del encabezado, debería salir así:
Bien, ahora prosigamos a realizar el título que aparecerá en la pantalla de nuestra página web, colocando la siguiente etiqueta:
<body><h1>"ESTRUCTURA DE UNA PÁGINA WEB"</h>

Otro dato importante, H1 es para definir el tamaño que quieres que tenga tu título.

Bien, ahora, para cerrar las etiquetas de nuestra página web, SIEMPRE debe terminar en:
</body>
</html>

Ya cerrada la etiqueta, hacemos clic en Archivo, después en "Guardar Como", y colocamos el nombre de nuestra pagina web, pero debe finalizar en ".html" para que pueda salir el ícono del explorador de internet a tu disposición, debe salir así:
Hacemos clic en el ícono de nuestro explorador, y tenemos lista nuestra página web, ¡Veamos cómo salió!

Y así se puede crear una página web, pero falta por aprender mucho más, hasta luego!

No hay comentarios.:

Publicar un comentario