You are on page 1of 8

Cmo hacer una pgina web en HTML

Se puede hacer una pgina web sin aprender HTML. Pero no se recomienda. En primer lugar, porque seguro tendrs problemas en algn punto, sin importar el tipo de editor de pginas web que uses, y debers conocer HTML para arreglarlos. Hay muchos sitios web en los que aprender HTML, como HTMLGoodies.com. Este artculo te muestra los pasos bsicos para crear un sitio web con HTML. Con esta introduccin bsica pronto estars haciendo una pgina web desde cero.

Paso 1 Comprende lo que es HTML. Tcnicamente, significa Lenguaje de Etiquetas de Hipertexto, pero eso no es lo que importa. Es el lenguaje de codificacin lo que hace a las pginas web. En Netscape escoge fuente de pgina en el men Ver. En Internet Explorer, la opcin del men Ver es fuente. En Mozilla Firefox presiona Ctrl+U para ver el cdigo fuente de la pgina. En Safario selecciona Ver Ver fuente (u Option+Command+U). Vers una pgina con cdigo: eso es HTML. El cdigo es lo que ver el navegador para interpretarlo y armar la bonita pgina web frente a tus ojos.

Paso 2 Recuerda: no todas las pginas son igual de complejas. Comienza con una pgina realmente sencilla, o te vers abrumado por la sintaxis y los lenguajes de scripts.

Es importante recordar que estars escribiendo la informacin entre una etiqueta de apertura de HTML y una de clausura de HTML. Una etiqueta de apertura es as: <____>. Una etiqueta de clausura es as: </____>. Reemplaza ____ por un cdigo.

paso 3

Ve a Inicio > Programas > Accesorios > Bloc de Notas. Ve a Inicio > Programas > Accesorios > Bloc de Notas. Paso 4
Dile al navegador cul lenguaje estars usando. Tipea <html>. Esta es la primera etiqueta a escribir (le dice a la computadora que estamos comenzando con una pgina web), y se cerrar al final con </html> (finaliza con la pgina web).

Paso 5 Aade la cabecera de la pgina como se muestra.

Paso 6 Dale un ttulo a la pgina. El ttulo es importante porque a) les da a los usuarios una idea del tema de la pgina, y b) cuando los usuarios marquen el sitio, el ttulo es lo que vern en la lista de marcadores. El cdigo HTML para el ttulo es <title>. Cirrala al final del ttulo escribiendo </title>.

Paso 7 Sigue con el cuerpo de la pgina. Teclea <body> para abrir la etiqueta del cuerpo. Luego cierra con la etiqueta </body>. La informacin para la pgina web va entre <body> y </body>.

Para darle un color de fondo a la pgina, puedes aadirle un estilo al cuerpo. En vez de escribir slo <body>, escribe <body style=background-color:red>. Puedes intentar un color distinto, o incluso un cdigo hexadecimal. Las palabras entre comillas se conocen como atributos. Deben ser rodeados por comillas.

Paso 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 . Quieres aadir una marquesina? Simple! <marquee>TEXTO</marquee>. Una marquesina es una palabra que se mueve de lado a lado de la pantalla.
Paso 9 Aade algunas imgenes. Si quieres colocar una imagen de internet a tu pgina web, el cdigo HTML es: <img src=URL>. La etiqueta de clausura, </img>, es opcional. paso 10 Guarda yendo a Guardar como..., ingresa un nombre de archivo que termine en la extensin .html y escoge Todos los archivos o txt en Tipo de archivo. No funcionar si no se siguen estos pasos. Ahora ve adonde lo hayas guardado y brelo. Tu navegador favorito debera abrirse con tu propia pgina web.

Consejos

Si tu pgina web no est funcionando, copia y pega el cdigo HTML de ejemplo de arriba y guarda como se explic. Abre la pgina, y juguetea con el cdigo para aprender. Cuando abras una etiqueta, debers cerrarla siempre. A menos que sea una de esas etiquetas que no requieran de clausura, como <img>. Ante la duda, es mejor cerrar la etiqueta. Las etiquetas de clausura no pueden colocarse en cualquier lugar. La ltima etiqueta en entrar debe ser la primera etiqueta en salir: <etiqueta1><etiqueta2>TEXTO</etiqueta2></etiqueta1> ste es un ejemplo de un etiquetado incorrecto: <etiqueta1><etiqueta2>TEXTO</etiqueta1></etiqueta2> Este artculo te dice cmo crear una pgina web. Consulta los artculos relacionados de abajo para obtener informacin sobre cmo publicar tu pgina web. Si quieres alterar el cdigo, encuentra el archivo y renombra el .html por .txt. Poder armar una pgina web sencilla en unos minutos puede resultar un mtodo til para impresionar a tus amigos. Usa una plantilla para probar los cambios que le hagas a sitios web personales como Myspace, antes de hacer los cambios finales. Para hacer sitios web ms avanzados usa un editor web, como Microsoft Expression Web. Si vas a hacer una pgina sencilla, podrs hacerlo con el bloc de notas.

editar Advertencias

Asegrate de tipear manualmente .html al final del nombre de archivo, y escoge Todos los archivos o txt en el Tipo de archivo. No funcionar si no haces las dos cosas. Asegrate de alojar tus propias imgenes, para no robar ancho de banda. Puedes alojar pginas en sitios como Photobucket o Imageshack. La etiqueta <marquesina> no es una etiqueta oficial de HTML como las define el W3C (Consorcio de la World Wide Web), y puede no funcionar en todos los navegadores. Esta etiqueta fue creada y soportada por Internet Explorer. Ya no se usa el atributo bgcolor. La forma correcta para cambiar el color de fondo de los elementos es usando CSS.

editar Cosas que necesitars


Un programa de edicin de textos como el Bloc de notas (para Windows) o Textedit (para Mac) Un navegador, como Mozilla Firefox o Safari Una computadora con conexin a internet Un administrador de archivos, como el Explorador de Windows (opcional)

You might also like