En la entrada anterior aprendimos la estructura genérica de una página web html pero si aun no sabes como implementarlo aquí te enseñare.
Importante durante este pequeño curso se emplea la palabra "página web" o "página" simplemente, pero también haremos uso de "sitio web" así que debemos diferenciar entre uno y otro.
Primero página web es cualquier archivo que este desarrollado y destinado para visualizarse en un navegador, mientras que sitio web es una colección de páginas que se encuentran en un mismo servidor o almacén.Por ahora nos quedaremos con esta breve definición y pasaremos a la escritura.
Teniendo como base el ejemplo anterior:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Nuestra Primer Página HTML</title>
</head>
<body>
Esta es mi Primer página web que hemos echo
</body>
</html>
Para continuar hemos eliminado los comentarios que no son útiles ahora.
Donde escribir nuestro código html es el siguiente paso y esto se realizará en un editor de texto plano, esto quiere decir que no tenga un formato establecido como Microsoft Word pongo como ejemplo este por ser un editor de los mas populares. Si estas en Windows puedes iniciar con el Bloc de Notas lo único que tienes que hacer es copiar y pegar el código de arriba o si prefieres (y yo recomiendo mas) escribir el código tu mismo. Si estas en linux hay muchos editores planos que incluso pueden crear un marcado de las etiquetas, no pongo un ejemplo especifico porque dependiendo la distro que uses puedes tener uno u otro, ejemplo yo uso Xubuntu y tengo Mousepad.
Una vez escrito nuestro código en el editor escogido lo siguiente es guardarlo con formato html, esto se hace colocando el formato al final, para este ejemplo yo lo guarde como estructura.html. Asegurate de que solo tenga el nombre y la extensión html y no tenga una extensión superpuesta como:
Para ver tu archivo (guardado correctamente) solo deberás hacer doble click sobre el y el navegador que tengas predeterminado lo abrirá automaticamente.
No hay comentarios:
Publicar un comentario