ENLACES

ENLA
CES

ENLACE

 Para poder vincular un texto con una dirección de internet (URL) de manera que
el visitante pueda acceder a ella con un simple click, usaremos la etiqueta de
hipervínculo a.
Para indicar la dirección a la que queremos acceder usamos el atributo
siguiente manera:

href de la

ENLACES  Donde podemos poner una URL absoluta. También podemos hacer un vínculo a una parte concreta de la página.html para indicar un archivo i/o carpeta en el interior de la carpeta en la que estamos situados. .com. por ejemplo http://www.google.mx/ o poner una URL relativa como /paginas/index. para ello crearemos un vínculo en ese lugar para indicar a que parte hay que ir usando el atributo name.

htm#parte1"></a> . Luego haremos un vínculo normal indicando que vamos a esa parte con una almohadilla (#): <a href="pagina.

la almohadilla y el nombre (name) del vínculo al que vamos.ENLACE  Pondremos la dirección de la página (si estamos en otra página). <a href="#fin">Ir al final</a>  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>< br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <a name="fin" />Final .

IMÁGENES EN HTML IMÁG ENES .

tendremos que tener en cuenta los siguientes atributos que pondremos en el interior de la etiqueta de imagen (<img>): .IMAGEN  Para definir las características de nuestra imagen.

height-Esta es la hermana de width. border.Este atributo es obligatorio e indica el nombre del archivo (que lo pondremos entre comillas) en este campo se debe poner el URL que nos llevará a la imagen u fotografía. . alt. en este campo se debe poner el ancho del borde de la imagen (si es que lleva claro).Entre comillas se podrá poner un texto que si da error o no mientras que se carga podrán leer. width. dijimos que en width indicábamos el ancho de la imagen en esta indicamos el alto de la imagen y claro.      align. en este campo ponéis el ancho de la imagen u fotografía. src. para llevar a cabo esta tarea necesitamos los campos bottom (abajo). middle (en medio). right (derecha). left (izquierda).Este atributo es opcional pero yo os lo recomiendo ya que ayudáis al navegador.Permite controlar la alineación de una fotografía con respecto al texto o a otras imágenes en esa línea.Esta es la prima de height y de width. pues también se recomienda. top (arriba).

jpg“  width=140 height=210 border=0 alt="Aquí el nombre de la imagen"> .EJEMPLO: <img src="/nombre_de_tu_carpeta/nombre_de_tu_foto.

/imagenes/1828737.TITLE  <IMG SRC=".jpg" WIDTH=423 HEIGHT=210 BORDER=3 ALT="ANIMAL MUPPETS" title="ANIMAL MUPPETS"> ..

.

HSPACE define la distancia de los lados derecho e izquierdo de la imagen a los objetos más cercanos (texto.HSPACE y VSPACE  Con estos dos atributos podemos establecer la distancia en píxel de la imagen a los objetos que se encuentran a los cuatro lados de la misma. apliques. imágenes. etc. etc.gif" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3 ALT="Obra de K.). imágenes. Haring"> . apliques. La sintaxis correcta es  <IMG SRC="immagine. VSPACE define la distancia de los lados superior e inferior de la imagen a los objetos más cercanos (texto.).

Existen varias opciones para el atributo ALIGN:  ALIGN=top: alinea la primera línea de texto con la parte superior de la imagen.  ALIGN=left: el texto se coloca a la derecha de la imagen empezando desde la parte superior de la misma. .ALIGN El atributo ALIGN define la posición de la imagen respecto al texto colocado inmediatamente antes o después de la misma.  ALIGN=middle: alinea la primera línea del texto con el centro de la imagen.  ALIGN=bottom: alinea la primera línea de texto con la parte inferior de la imagen.  ALIGN=right: el texto se coloca a la izquierda de la imagen empezando desde la parte superior de la misma.

este atributo indica en cuáles de ellos debe quedar visualizado el documento. sí nos ocuparemos aquí de otro uso de este atributo:  gracias a TARGET podemos cargar una página asociada a HREF en otra ventana del navegador usando la siguiente sintaxis: .TARGET TARGET es un atributo implementado por exigencias relacionadas con la gestión de los marcos. No entraremos aquí en detalles sobre los marcos ya que comentaremos este tema más adelante. Sin embargo. En una página dividida en marcos.

TARGET <A HREF="http://www.com" TARGET="_new">Visita HTMLpoint</A> .google.

TARGET  _blank | _top |new = en una página nueva  _parent | _self = carga en la misma página .

TABLAS TABL AS .

el menú.TABLAS  Las tablas son una buena herramienta para organizar los datos en una página web... además nos permiten estructurar las paginas de nuestro sitio separando la cabecera. el contenido. .

pero es necesario saber codificarlas a sí que vamos allá.TABLAS  La creación de tablas a partir de código es compleja por lo que si queremos crear una tabla rápidamente podemos usar programas como Frontpage o Dreamwaver. .

PASO 1 <table> <!-.Contenido de la tabla --> </table> .

PASO 2  Para definir la estructura de la tabla primero definiremos las de cada fila pondremos las  <table> <tr><!-.Fila 1 --> <td>Fila 1 columna 1</td> <td>Fila 1 columna 2</td> </tr> <tr><!-.Fila 2 --> <td>Fila 2 columna 1</td> <td>Fila 2 columna 2</td> </tr> </table> columnas con td: filas con tr y en el interior .

como sobre la etiqueta td para cambiar el ancho de una columna: <table width="100%"> <tr><!-. para ello usaremos el atributo width tanto en la etiqueta table para modificar el ancho de toda la tabla.ANCHO DE FILAS Y COLUMNAS Ahora vamos a ver como definir el ancho de una tabla o columna.Fila 1 --> <td width="300">Fila 1 columna 1</td> <td>Fila 1 columna 2</td> </tr> <tr><!-.Fila 2 --> <td>Fila 2 columna 1</td> <td>Fila 2 columna 2</td> </tr> </table> .

Fila 2 --> <td>Fila 2 columna 1</td> <td>Fila 2 columna 2</td> </tr> </table> .Fila 1 --> <td>Fila 1 columna 1</td> <td>Fila 1 columna 2</td> </tr> <tr><!-. cellpadding para indicar el reborde de las celdas y cellspacing para la separación entre las mismas: <table border="0" cellpadding="10" cellspacing="5"> <tr><!-. nos permiten definir los bordes para personalizar su aspecto. así podemos usar el atributo border para indicar el grosor del borde.BORDES Y MARGENES Esta es otra posibilidad interesante de las tablas.

FORMULARIOS HTML FORMUL ARIOS .

FORMULARIO  Un formulario es un entorno de interacción con el visitante de una página web. . que le permiten enviar información a nuestro servidor donde la podremos tratar. en su interior encontramos un seguido de campos de formulario editables por el usuario.

<form> y </form>  El formulario engloba todos los campos de formulario que encontramos entre las etiquetas de inicio y final de formulario.El usuario puede insertar un texto de una línea  Área de texto .El usuario seleccionar o no una opción  Botón de opción .El usuario puede enviar un archivo al servidor . <form> y </form> respectivamente:  Campo de texto .El usuario puede insertar un texto de tantas líneas cómo quiera  Casilla de verificación .El usuario puede seleccionar una opción de una lista  Campo desplegable .El usuario puede escoger una o mas opciones de la lista  Campo de archivo .

no es frecuente usarlo. esta será asimismo la dirección que verá el usuario una vez enviados los datos  method . pudiendo ser GET ( Datos visibles en la barra de dirección ) o POST.  enctype .Define como encriptar los datos del formulario. en la etiqueta de inicio de formulario podemos añadir ciertos atributos cómo por ejemplo:  action .FORMULARIO:  Asimismo y para configurar dicho formulario. .Define la dirección del programa que tratará los datos enviados.Define la manera en que son enviados los datos del formulario.

php">  Nombre<br>  <input type="text" name="T1" size="20">  <br><br>  Texto<br>  <textarea rows="2" name="S1" cols="20"></textarea>  <br><br>  <input type="submit" value="Enviar" name="B1">  <input type="reset" value="Restablecer" name="B2"> </form> . <form method="POST" action="index.