Creación de una página web básica

Image

El día de hoy aprenderemos los elementos básicos que se necesitan para crear una página web. Conocerás los elementos más esenciales que toda página en código HTML debe tener para convertirse en un sitio web.

Para empezar crea una carpeta llamada sitio y en ella crea un nuevo documento de texto, renómbralo a index.html, asegúrate de quitar la extensión de archivo .txt, (supongo que tienes desactivada esta opción, para activarla, sigue esta ruta y desactiva la opción de ocultar extensiones de archivo: Panel de Control > Opciones de Carpeta > ocultar las extensiones de archivo), de esta forma se tratará el archivo como una página web.

Puedes editar este archivo con el bloc de notas o el software Notepad++, de ahora en adelante cada vez que hagas alguna modificación salva los cambios y visualízalos en tu explorador.

Copia y pega el siguiente código:

<html>
<head>
<title>Mi Primera Pagina</title>
</head>
<body>
Esta es mi primera página web
</body>
</html>

Ya tienes tu primera página web.

¿Qué significa el código anterior?

Ahora una explicación básica, cada elemento que va entre los signos “<” y “>” es un tag o etiqueta, donde quiera que hay un tag algo sucederá en la representación del documento, algunas veces visualmente y otras de manera oculta.

La etiqueta <html> le indica a tu navegador que tu documento es formato html y debe ejecutarlo como tal.

Los dos etiquetas <title> encierran el titulo de tu pagina, es imprescindible su utilizacion, en el espacio comprendido entre las dos <head> que es la cabeza propiamente dicha del documento, ahí van los datos que el usuario no ve, pero contienen información para el funcionamiento de la pagina.

En el espacio entre los dos <body> es donde insertas todo el contenido que quieres visualizar.

Fuente:

norfiPC, en http://www.norfipc.com, el 29/03/2012.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s