El documento explica los conceptos básicos de HTML, incluyendo las etiquetas para formato de texto como negrita, cursiva y subrayado, así como etiquetas para enlaces, imágenes y tablas. Define HTML como un lenguaje para crear documentos hipermedia y describir la estructura y contenido de una página web sin especificar su formato.
2. ¿Qué es HTML?
HTML, HyperText Markup Language, es un lenguaje simple
utilizado para crear documentos de hipertexto para WWW. No es
un lenguaje de descripción de página como Postcript; HTML no
permite definir de forma estricta la apariencia de una
página, aunque una utilización algo desviada hace que se utilice
en ocaciones como un lenguaje de presentación.
Además, la presentación de la página es muy dependiente del
browser (o programa navegador) utilizado: el mismo documento
no produce el mismo resultado en la pantalla si se visualiza con
un browser en modo línea, Mosaic o Netscape, o sea, HTML se
limita a describir la estructura y el contenido de un documento, y
no el formato de la página y su apariencia.
4. El lector explora un documento en el Web
haciendo clic sobre las zonas activas para asi
hacer aparecer nuevos documentos. En HTML
definimos una zona activa (que puede ser un
texto o una imagen) que se asocia al URL
(protocolo de direccionamiento de
documentos) del documento que sustituirá al
documento visualizado cuando se haga clic
sobre esa zona. Un ancla, por lo tanto, sirve
para especificar la partida y la llegada de un
enlace hipertexto ( <A> ).
5. El atributo HREF, ancla de partida hacia un enlace
externo
Crea un enlace hacia un servidor situado en
algún punto de Internet, o hacia un documento
propuesto por dicho servidor.
La marca especifica el atributo HREF cuyo valor
precisa el URL del documento a recuperar:
zona_activable
<A HREF="url_de_destino"> zona_activable</A>
6. Crea un enlace a un punto determinado del
fichero en ejecución. Para ello hay que
colocar un ancla activa (ancla de partida) y un
ancla inactiva (ancla de llegada).
El ancla de partida se define de la siguiente
forma:
zona_activable_con_atributos_visuales
<A HREF=#etiqueta>zona_activable_con_atributos_visuales</A>
7. <IMG> es la marca que permite incluir una imagen. Esta marca
irá siempre completada por el atributo SRC que permite dar la
dirección del fichero gráfico que contiene la imagen:
<IMG SCR=/directorio/subdirectorio/nombre_del_fichero:gráfico>
El valor del atributo SCR permite especificar un URL y es por
tanto correcto encontrar imágenes definidas como sigue:
<IMG SCR="http://www.aramis.fr/imagenes/flores/rosa.gif">
8. Una tabla se define entre las marcas <TABLE> y </TABLE>. Esta primera
marca regula la presentación general de la tabla mediante tres
atributos:
BORDER define el grosor del marco exterior
CELLPADDING define el espacio alrededor del texto de una celda
CELLSPACING define el espacio entre celdas
WIDTH define la anchura de la tabla relativa a la anchura de la ventana
del browser
Ejemplo:
ABCD<TABLE CELLPADDING=10 CELLSPACING=6 BORDER=6 BORDER>
<TR><TD>A</TD>
<TD>B</TD>
</TR>
<TR><TD>C</TD>
<TD>D</TD>
</TR>
</TABLE>
9. Define el ancla de llegada, lugar que se podrá
acceder haciendo un clic sobre un ancla de
partida.
zona_no_activable_sin_atributos_visuales
<A NAME="label">zona_no_activable_sin_atributos_visuales</A>