|
Abramos el editor de texto y escribamos el texto de abajo. Es
conveniente abrir una ventana con el browser, así podemos ver
los efectos de la alteraciones que realizamos a nuestro código.
Para ello debemos recargar la página luego de cada modificación
que hagamos. (clic en Reload si
usamos Netscape ó Actualizar si
usamos el Explorer)
<HTML>
</HTML>
Con estos dos tags indicamos que el archivo es un archivo
HTML. Le estamos diciendo al Browser: Aquí comienza el
archivo HTML (<HTML>),
y aquí termina el archivo(</HTML>).
Estos tags son usados una sola vez en cada página. Antes del tag
<HTML> y después
del tag </HTML>
normalmente no suele haber nada.
Head
<HTML>
<HEAD>
</HEAD>
</HTML>
Cada archivo HTML tiene un "Encabezamiento". Este se
encuentra encerrado por dos tags HEAD que se ubican después del
tag HTML. Los tags aparecen solo una vez en toda la página. El
contenido principal del tag HEAD es el título de la página que
estamos creando. Pondremos el título de nuestra página encerrado
por el tag TITLE; lo que allí escribamos será mostrado en la
barra superior de la ventana del Browser.Por ahora no usaremos
ningún otro tag dentro del HEAD
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
Title
Debemos elegir un título claro para nuestra página; ya que
cuando nuestros visitantes nos pongan en su Bookmark; el título
será nuestra presentación. Además es importante para que nos
presenten los motores de búsqueda.
<HTML>
<HEAD>
<TITLE>Título Claro</TITLE>
</HEAD>
</HTML>
Body
Todos los archivos HTML tienen un cuerpo principal, denotado por
el tag BODY. Entre estos tags pndremos el contenido de la
página. Es decir lo que será visible en el Browser. Nuevamente
el tag BODY al igual que los que vimos se escriben una sola vez.
El tag
<BODY> se ubica inmediatamente
detrás del </HEAD >; y el tag
</BODY> de cierre es la última
cosa que se escribe antes del tag
</HTML>.
<HTML>
<HEAD>
<TITLE>Título Claro</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Files
Una vez que escribimos lo anterior en nuestro editor, lo
podemos guardar. Lo grabamos como page.html ó page.htm si no
podemos usar más de 3 caracteres en la extensión. Lo guardaremos
en un directorio separado, junto a los otros archivos que serán
parte de su Site.
A menudo alguno nombres de archivos pueden ocasionar
problemas. Esto es debido a que la mayoría de los servers
trabajan bajo
UNIX. Lo mejor es utilizar siempre para los nombres de
archivos letras minúsculas y no emplear espacios.
Nuestra primera página
La siguiente es la sintaxis de una página básica:
<HTML>
<HEAD>
<TITLE>Mi primera página</TITLE>
</HEAD>
<BODY>
Mi primera
página. No es muy sofisticada pero sirve de ejemplo.
</BODY>
</HTML>
Hemos escrito nuestra primera página, la guardamos... y
podemos verla con
un browser, podríamos publicarla. La usaremos como un
template, para ayudarnos a construir las otras páginas y no
tipearemos de nuevo lo mismo una y otra vez (obviamente
sacaremos el texto del body). Todas las páginas, por más
complicada que sea, consta de estos 3 elementos.
Recordemos: TODOS los tags que hemos mencionado se
usan una sola vez en la página web. Ellos son la columna
vertebral de la página.
Más información en
http://www.programacion.com/html/tutorial/curso/
|
