You are on page 1of 6

COMO HACER UNA PAGINA WEB EN HTML EN 11 PASOS

Si bien podras hacer una pgina web sin aprender HTML, inevitablemente tendrs problemas en
algn punto, sea cual sea el tipo de editor de pginas web que uses y debers saber HTML para
arreglarlos. Hay muchos sitios web en los que podrs aprender HTML, pero el presente artculo te
mostrar los pasos bsicos para crear un sitio web con ese formato. Con esta introduccin bsica
pronto estars haciendo una pgina web desde cero!

Con HTML

1.- Comprende lo que es el HTML. Este es el lenguaje de codificacin que hace las pginas web.
Para ver cmo luce, ve a Internet Explorer y haz clic derecho para seleccionar Ver cdigo fuente
de la pgina. Vers una pgina con cdigos: eso es el HTML. El cdigo es lo que ver el navegador
para interpretarlo y armar una pgina web.

En Internet Explorer, la opcin del men Ver que debes elegir es "Origen".
EnMozilla Firefox, presiona Ctrl+U para ver el cdigo fuente de la pgina.
En Safari, selecciona Ver > Ver fuente (u Option+Command+U).

2.- Comienza con una pgina lo ms sencilla posible, sino te vers abrumado por la sintaxis y los
lenguajes de script.

Es importante recordar que estars escribiendo la informacin entre una etiqueta de


apertura y una de clausura, ambas de HTML. Una etiqueta de apertura se ver as: <____>.
Una etiqueta de clausura se ver as: </____>. Al final, reemplazars el ____ por un
cdigo.

3.- Ve a Inicio > Programas > Accesorios > Bloc de Notas. Ser mucho ms fcil si usas el Bloc de
Notas++ (lo podrs descargar gratis por Internet). Cuando hayas elegido el lenguaje HTML, todo lo
que escribas estar automticamente conectado con diversos colores, de esta manera ser
muchsimo ms fcil corregir posibles errores.

4.- Dile al navegador qu lenguaje estars usando. Escribe <html>. Esta es la primera etiqueta que
debers escribir, la cual le indicar a la computadora que empezars a hacer una pgina web.
Tambin se cerrar al final, as que al final del documento, cirralo con <>. Esto finalizar la pgina
web.

5.- Aade la cabecera de la pgina como se muestra en el grfico.

6.- Ponle un ttulo a la pgina. El ttulo es importante porque les dar a los usuarios una idea del
tema de la pgina. Adems, cuando los usuarios le pongan un marcador al sitio, el ttulo es lo que
nico que vern en su lista de marcadores. El cdigo HTML para el ttulo es: <title>. Cirralo al final
del ttulo escribiendo </title>. El ttulo slo se mostrar en la pestaa, no ser el ttulo de la pgina
en s.

7.- Haz el cuerpo de la pgina. Escribe <body> para abrir la etiqueta del cuerpo. Luego cierra con la
etiqueta </body>. La informacin para la pgina web ir entre <body> y </body>.

Para darle un color de fondo a la pgina, podrs aadirle un estilo al cuerpo. En vez de
solamente escribir, escribe <body style=background-color:silver>. Podrs probar con un
color distinto o incluso con un cdigo hexadecimal. Las palabras entre comillas se conocen
como atributos. Debern estar rodeados por comillas!

8.- Escribe algo de texto entre las etiquetas de cuerpo.

Para que el texto siga en la lnea siguiente (como si presionaras Enter en el teclado),
escribe <br>.
Quieres aadir alguna marquesina, es decir una palabra que se mueve de lado a lado de
la pantalla? Slo tendrs que escribir <marquee>TEXTO</marquee>.

9.- Aade algunas imgenes. Si quieres colocar una imagen de Internet a tu pgina web, el cdigo
HTML para las imgenes ser: <img src=URL>. La etiqueta de clausura es: </img>, pero es
opcional.

10.- Revisa todo para asegurarte de que todas tus etiquetas estn cerradas. Tu pgina web deber
verse algo as:
<title>My Web-page</title>
<bgcolor="yellow">
I love wikiHow because
<marquee>It's the best website in the world!</marquee>
<img
src="http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif">

11.- Guarda tu trabajo en Guardar como, ingresa un nombre de archivo que termine en la
extensin .html (por ejemplo: archivodeprueba.html) y escoge Todos los archivos o text en
Tipo de archivo. No funcionar si no se siguen estos pasos. Ahora ve adonde lo hayas guardado y
haz doble clic para abrirlo. Tu navegador por defecto se abrir con tu propia pgina web.

You might also like