Sunteți pe pagina 1din 4

Nuestra primera Web en 6 pasos

Comenzaremos abriendo un editor de texto. Puede


utilizar el Bloc de Notas de Windows o cualquier otro editor.
Esta es la herramienta más económica, puesto que no
tenemos que hacer ninguna inversión, que emplearemos para
escribir nuestra página Web para Internet, siguiendo los
siguientes pasos:

1 paso: Todos los documentos comienzan con la etiqueta


<HTML> y terminan con </HTML>. Las etiquetas se pueden
escribir indistintamente con mayúsculas o minúsculas. No
obstante, es conveniente que al principio escribamos las
etiquetas en mayúsculas para diferenciarlas mejor del texto
que queremos que aparezca en la página Web.

Mostramos a continuación la estructura básica de un


documento HTML:

<HTML>

<HEAD>

<TITLE>

Título del documento

</TITLE>

<BODY>

</BODY>

</HTML>

Entre las etiquetas <TITLE>.....</TITLE> escribiremos el


título del documento, que luego, al visualizar la página con el
navegador aparecerá en la barra superior.
Paso 2: Si no indicamos un color de fondo, por defecto
aparecerá el que mostramos debajo de este texto. Si
queremos cambiarlo, bastará con indicarlo en la etiqueta
inicial <BODY>, de la siguiente forma:

<BODY BGCOLOR=WHITE>

El fondo de nuestra página será de color blanco. Si queremos


que sea rojo (red) o azul (blue), sólo tenemos que sustituir
"WHITE", por el color que elijamos.

Paso 3: Como hemos dicho, entre las etiquetas


<BODY>...</BODY> escribiremos nuestra página. Al igual
que con un tratamiento de textos, para indicar que queremos
hacer punto y aparte utilizaremos la etiqueta <P>.

Si sólo queremos que salte la línea utilizaremos la etiqueta


<BR>.

Para indicar el tamaño de la fuente empleamos la etiqueta


<FONT SIZE=1>, para la fuente más pequeña, y <FONT
SIZE=7> para la mayor. Los valores, del 1 al 7, indicarán a la
etiqueta, situada justo antes del texto que queremos resaltar,
el tamaño que hemos elegido para la fuente.

Por defecto los textos aparecen alineados a la izquierda. Si


queremos verlos centrados utilizaremos la etiqueta
<CENTER>El texto aparece centrado </CENTER>.

Para destacar con cursiva un texto, utilizaremos la etiqueta


<I> de la siguiente forma:

<I>El texto aparece en cursiva </I>

El texto aparece en CURSIVA

Y si queremos realzarlo en negrita, emplearemos la etiqueta


<B>El texto aparece en NEGRITA</B>
Paso 4: Para insertar una imagen, emplearemos la etiqueta
<IMG SRC="...">. En el ejemplo que mostramos a continuación
utilizaremos la imagen balon.GIF, y para que aparezca centrada,
escribiremos:

<CENTER> <IMG SRC="balon.GIF"></CENTER> Recuerde


que los servidores con Sistema Operativo Linux, hacen
diferencia entre mayúsculas y minúsculas al momento de leer
archivos. Con Windows no hay problema.

Paso 5:

Para incluir un enlace o link con otra página, escribiremos lo


siguiente:

• <A HREF="http://www.elpais.es">El País</A>

Hemos realizado un enlace con el periódico El País,


escribiendo entre las comillas su dirección en Internet.

• <A HREF="dos.html">Segunda página</A>

Nuestro enlace es a una página que está alojada en el mismo


servidor que la que estamos escribiendo y que hemos llamado
dos.html

• <A HREF="mailto:fgarcia@redestb.es">Mi correo


electrónico</A>

Hemos confeccionado un enlace de correo electrónico a la


dirección del autor de este artículo.

En los tres casos, hemos escrito el texto que aparecerá


subrayado y que servirá como hipertexto para poder acceder
a la información que indicamos. Posteriormente hemos
cerrado la instrucción con la etiqueta </A>.
El resultado de nuestro enlace de correo electrónico es el
siguiente:

El País

Segunda página

Paso 6: Si empleamos Windows 95 u otro más avanzado,


guardaremos nuestra página con la extensión .htm o .HTML,
precedida del nombre que hemos asignado a nuestra Página
Web.

Y ASI CREAMOS UNA WEB

S-ar putea să vă placă și