Professional Documents
Culture Documents
Índice
Estructura general de un fichero Links
HTML Inserción de imágenes
Formato de párrafos Imágenes clicables
Formato de texto Imágenes sensibles
Listas no ordenadas Frames
Listas ordenadas Formularios
Listas de definiciones Layers o capas
Tablas
Anclas
Todas las TAGs de HTML van encerradas entre los caracteres menor que ( <)
y mayor que ( >), como por ejemplo <HTML>. Además, la mayor parte de
ellas son dobles, en el sentido de que hay una TAG de comienzo y otra de
final; entre ambas está el texto afectado por dichas TAGs. La marca de final
es como la de comienzo, pero incluyendo una barrra (/). Por ejemplo, la marca
de final de <HTML> es </HTML>. De la misma forma, la TAG de final de
<P> es </P>, y así con otras TAGs.
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
...
</BODY>
</HTML>
Volver al inicio
Formato de párrafos
como se ve en el ejemplo.</P>
<PRE>La TAG Preformatted permite La TAG Preformatted permite
respetar la forma respetar la forma
original original
en que se ha en que se ha
Volver al inicio
Formato de texto
<H4>4</H4><H5>5</H5><H6>6</H6></P>
Títulos: 123 456
<P>Alineados:</P>
Alineados:
<P ALIGN="LEFT">Izquierda</P>
Izquierda
<P ALIGN="RIGHT">Derecha</P>
Derecha
<P ALIGN="CENTER">Centrado</P> Centrado
</P>
Otros efectos:
Texto tiposuperíndice
Volver al inicio
Listas no ordenadas
Volver al inicio
Listas ordenadas:
Volver al inicio
Listas de definiciones:
Volver al inicio
Tablas
Las tablas son uno de los elementos más interesantes de HTML. Permiten, por
ejemplo, escribir texto en varias columnas, hacer listas de equivalencias,
tablas propiamente dichas, etc. Este documento es un ejemplo de las
posibilidades ofrecidas por las tablas.
Así se escribe: Así se ve:
<TABLE BORDER=1>
<TR><TD>celda (1,1)</TD><TD>celda celda (1,1) celda (1,2)
(1,2)</TD></TR>
<TR><TD>celda (2,1)</TD><TD>celda celda (2,1) celda (2,2)
(2,2)</TD></TR>
</TABLE>
<CENTER><TABLE BORDER=1>
<TR><TD>celda (1,1)</TD><TD>celda celda (1,1) celda (1,2)
(1,2)</TD></TR>
<TR><TD>celda (2,1)</TD><TD>celda celda (2,1) celda (2,2)
(2,2)</TD></TR>
</TABLE></CENTER>
Volver al inicio
Anclas
Las anclas son referencias que se emplean en el archivo con el fin de ser el
punto de destino de un link. En el archivo son invisibles pero al clicar sobre
una palabra señalada como link, la visualización de la página pasa a ser el
punto donde se había definido el ancla.
Así se escribe: Así se ve:
<P><A NAME "ancla">
Volver al inicio
Links
Volver al inicio
Inserción de imágenes
Un recurso que da mucha vida a una página hecha con HTML es la inserción
de elementos gráficos. La forma de insertar una imagen es la siguiente:
Así se escribe: Así se ve:
<IMG SRC="todo.gif">
Volver al inicio
Imágenes clicables
Se pueden unir los dos apartados anteriores, es decir, se puede crear una
imagen que a la vez sea un link. Al clicar sobre la imagen, ésta te enviará a un
documento o un ancla destino.
Así se escribe: Así se ve:
<P><A HREF="#ancla">
<IMG SRC="todo.gif">
</A>
Volver al inicio
Imágenes sensibles
Volver al inicio
Frames
<FRAMESET
ROWS="50%,50%,*">
<FRAME
SCR="ejemplo.htm">
<FRAME
SCR="ejemplo.htm">
</FRAMESET>
<FRAMESET
COLS="40%,60%">
<FRAME
SCR="ejemplo.htm">
<FRAME
SCR="ejemplo.htm">
</FRAMESET>
Volver al inicio
Formularios
Volver al inicio
Layers
Antes que nada, hay que decir que las layers sólo son compatibles
con Netscape Communicator por el momento. Así que si no es este tu
navegador, no verás esta parte como debería ser en la realidad. Las capas
permiten jugar con contenidos situados en capas distintas, escondiéndolos o
haciéndolos visibles, situandolos en la parte deseada de las ventanas... pero
con el handicap de la compatibilidad. Para browsers que no soportan layers,
está la tag pareada<NOLAYER>
Hay dos tipos de layers: las definidas por <LAYER> son posicionadas de una
forma absoluta. Las definidas por <ILAYER> son posicionadas con relación a
otra layer.
Volver al inicio
Volver al inicio