En julio de 1997 se presenta el borrador de este estándar. Por fin se estandarizan los marcos (frames), las hojas de estilo y los scripts (entre otras cosas). El 17 de diciembre de 1997 dicho borrador fue finalmente aprobado.
Las
siglas HTML significan HyperText Markup
Lenguaje, lo que para nosotros quiere decir que es un lenguaje de
hipertexto. Existen múltiples formatos de hipertexto (por ejemplo, el programa
de ayuda en Windows “Help Center”), una seria de páginas con instrucciones del
sistema y lo que tienen en común es que todos poseen enlaces a otros temas más
específicos.
MI
PRIMERA PÁGINA
Nuestra primera página se guardará con
el nombre index.html
<HTML>
<HEAD>
<TITLE>Mi primera página</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Mi
Primera página</H1></CENTER>
<HR>
<P>Esta es mi primera página. Por el momento no sé qué tendrá, pero dentro de
poco pondré aquí muchas cosas
interesantes.
</BODY>
</HTML>
La explicación
Lo primero que conviene
explicar es, en qué consisten todos esos símbolos de mayor y menor que están
distribuidos por ahí. El lenguaje HTML se basa en la sintaxis SGML (Standard
Generalized Markup Lenguaje). Esto quiere
decir que cualquier cosa que hagamos en HTML estará encerrada entre dos
etiquetas de esta manera:
<ETIQUETA parámetros> ...
</ETIQUETA>
Hay
ocasiones en que no es necesario cerrar
la etiqueta. Mirando el código puedes ver un par de ejemplo que ya explicaré
más adelante. Lo primero que debemos indicar es que el texto que estamos
creando es un documento HTML pues lo indicamos así:
<HTML>...
</HTML>
Un
documento HTML tiene una estructura que lo separa en dos partes: cuerpo y
encabezados. En la primera estará la página en sí, mientras que en la segunda
incluiremos algunas cosas que no se ven al principio pero que pueden llegar a
ser muy importantes. Lo primero que hay que incluir en el código son los
encabezados. Lo escribimos de esta manera:
<HEAD>
<TITLE>Mi primera página</TITLE>
</HEAD>
Dentro
de los encabezados sólo hay otra etiqueta. Es la única imprescindible: el
título de la página. Es lo que veremos como título de la ventana en los
navegadores que lo permitan. Es como se conocerá nuestra página en algunos
buscadores y en los (bookmarks) de
cada browser.
El cuerpo del documento
En
esta área vamos a indicar el contenido de nuestra página de internet. Lo
primero será indicar que estamos en el cuerpo del documento:
<BODY> ...
</BODY>
Luego pondremos el título
algo recalcado:
<CENTER> <H1> ... </H1>
</CENTER>
Con
esto colocaremos el texto centralizado (<CENTER>) y en formato <H1>
que nos asegura que aumentará el tamaño del tipo de letra lo suficiente como
para que se vea bastante resaltado. Luego separamos ese título que le hemos
puesto a la página del texto por medio de una línea horizontal:
<HR>
La línea horizontal
carece de etiqueta de cierre. Esto es normal en etiquetas que no varían los
atributos de un texto, sino que insertan un elemento. Por ejemplo, para
indicarle que queremos separar el texto de
4. Formato básico
Se
pueden establecer varias categorías dentro de las etiquetas usadas para
formatear el texto. Nosotros las dividiremos entre aquellas que sirven para
cambiar párrafos enteros y las que son capaces de formatear ciertos caracteres
dentro del párrafo.
Estas son las
etiquetas más importantes (excluyendo algunas que veremos más adelante):
Etiqueta
|
Utilidad
|
Resultado
|
||
<P>
|
Sirve para delimitar un
párrafo. Inserta una línea en blanco
antes del texto.
|
“Equivale a dos
espacios”
|
||
<BR>
|
Sirve para saltar a otra línea
|
“Equivale
a Enter”
|
. Imágenes
Para incluir gráficos e
imágenes en nuestras páginas utilizaremos la etiqueta
<IMG>
de esta manera:
<IMG SRC="referencia" ALT="descripción">
El parámetro SRC especifica el nombre de referencia
que contiene el gráfico. Los formatos estándar en la red son el GIF y el JPG.
Las últimas versiones de browsers aceptan también el formato PNG.
El
parámetro ALT especifica el texto que se mostrará en lugar del gráfico en
aquellos navegadores que no sean capaces de mostrarlos (como el Lynx) y cuando
el usuario los haya desactivado. Algunos navegadores muestran la descripción
cuando pasamos el mouse por encima de la imagen. Es por eso que, aunque algunos
usuarios no lo lleguen a ver nunca, conviene ponerlo siempre. De hecho, el
estándar HTML 4.0 obliga a hacerlo.
Existen
dos atributos que, aunque opcionales, conviene indicar siempre: la altura y la
anchura del gráfico en píxeles. De este modo, el navegador puede mostrar
dibujar el la imagen correctamente mientras la va leyendo de la red y así poder
mostrar el resto de la página.
<IMG
SRC=http://www.uprm.edu/media/homebdg1.gif" ALT="RUM" WIDTH=73
HEIGHT=36>
Tamaños del texto
El
parámetro utilizado para indicar el tamaño es SIZE. Puede utilizarse para
indicar tamaños absolutos:
SIZE=1 SIZE=2
SIZE=3 SIZE=4 SIZE=5 SIZE=6 SIZE=7
El
tamaño normal es 3. También se puede utilizar los modificadores + y - para
indicar un incremento (o decremento) relativo del tamaño del tipo de letra.
Así, por ejemplo, si indicamos que queremos un tamaño de -2 estaremos pidiendo
al navegador que nos muestre el tipo de letra dos veces más pequeño.
<FONT SIZE=2>Tamaño 2</FONT>
Tipo de
letra
Por último, podemos
especificar el nombre del tipo de letra que queremos utilizar gracias al
parámetro FACE. Como en principio no tenemos manera de saber que tipo de letra
tiene instalado la computadora del usuario que está viendo nuestras páginas,
podemos indicar más de uno separado por comas. Si el navegador no encuentra
ninguno seguirá utilizando el que tiene por estándar:
<FONT
FACE="Helvética, Arial, Times"> RUM </FONT>
De
todos modos es recomendable no utilizar con fe ciega este atributo en Internet,
ya que impide que todos puedan ver nuestras páginas como nosotros queremos. El
Internet debería ser lo más estándar
posible.
ESTRUCTURA
DEL DOCUMENTO
La estructura de un documento
HTML se puede resumir así:
tipo de documento
<HTML>
<HEAD>
<TITLE>titulo de la página</TITLE>
Cosas
que afectan a la página pero no a su contenido
</HEAD> <BODY parámetros> contenido de la página
</BODY>
</HTML>
No hay comentarios.:
Publicar un comentario