INSTITUTO TECNOLOGICO SUPERIOR DE

GUASAVE

INGENIERIA EN SISTEMAS COMPUTACIONALES

EVIDENCIA 3 Etiquetas en HTML

Lizbeth Mara Cervantes Rodrguez.

GRUPO: 801 SC
FACILITADOR: ISC Manuel Alfredo Flores
Rosales
GUASAVE SINALOA, FEBRERO DE 2014.


ETIQUETAS DE HTML
Entre las etiquetas ms utilizadas para marcar texto se
encuentran <em> y <strong>. La definicin formal de estas dos etiquetas se
muestra a continuacin:
Etiqueta <em>
Atributos
comunes
bsicos, internacionalizacin y eventos
Tipo de
elemento
En lnea
Descripcin Realza la importancia del texto que encierra
Etiqueta <strong>
Atributos
comunes
bsicos, internacionalizacin y eventos
Tipo de
elemento
En lnea
Descripcin Realza con la mxima importancia el texto que encierra
La etiqueta <em> marca un texto indicando que su importancia es mayor que la
del resto del texto. La etiqueta <strong> indica que un determinado texto es de la
mayor importancia dentro de la pgina. Ejemplo:
Por defecto, los navegadores muestran los elementos <em> en cursiva para hacer
evidente su importancia y muestran los elementos <strong> en negrita, para
indicar que son los ms importantes:

Figura 3.6 Ejemplo de uso de las etiquetas em y strong


HTML tambin permite marcar de forma adecuada las modificaciones realizadas
en el contenido de una pgina. En otras palabras, HTML permite indicar de forma
clara el texto que ha sido eliminado y el texto que ha sido aadido a un
determinado texto original. Las etiquetas utilizadas son <ins> y<del>, cuya
definicin formal es la siguiente:
Etiqueta <ins>
Atributos
comunes
bsicos, internacionalizacin y eventos
Atributos
propios
cite = "url" - Indica la URL de la pgina en la que se puede obtener ms
informacin sobre el motivo por el que se realiz la modificacin.
datetime = "fecha" - Especifica la fecha y hora en la que se realiz el
cambio
Tipo de
elemento
Bloque y en lnea
Descripcin Se emplea para marcar una modificacin en los contenidos originales
consistente en la insercin de un nuevo contenido
Etiqueta <del>
Etiqueta <ins>
Atributos
comunes
bsicos, internacionalizacin y eventos
Atributos
propios
cite = "url" - Indica la URL de la pgina en la que se puede obtener ms
informacin sobre el motivo por el que se realiz la modificacin.
datetime = "fecha" - Especifica la fecha y hora en la que se realiz el
cambio
Tipo de
elemento
Bloque y en lnea
Descripcin Se emplea para marcar una modificacin en los contenidos originales
consistente en el borrado de cierto contenido

Las dos etiquetas cuentan con los mismos atributos especficos, que
opcionalmente se pueden aadir para proporcionar ms informacin sobre los
cambios realizados. El atributo cite se emplea para indicar la direccin de un
documento externo en el que se puede encontrar ms informacin relacionada con
la insercin o el borrado de texto. El atributo datetime puede utilizarse para indicar
la fecha y la hora en la que se realiz cada cambio.
Los navegadores muestran el ejemplo anterior de la siguiente manera:


Figura 3.8 Ejemplo de uso de las etiquetas ins y del

Por defecto, el texto eliminado (marcado con la etiqueta <del>) se muestra
tachado de forma que el usuario pueda identificarlo fcilmente como un texto que
formaba parte del texto original y que ya no tiene validez. El texto insertado
(marcado con la etiqueta <ins>) se muestra subrayado, de forma que el usuario
pueda identificarlo como un texto nuevo que no formaba parte del texto original.
Por otra parte, en muchos tipos de pginas (artculos, noticias) es habitual citar
literalmente un texto externo. HTML define la etiqueta <blockquote> para incluir
citas textuales en las pginas web. La definicin de la etiqueta HTML con el
nombre ms largo se muestra a continuacin:
Etiqueta <blockquote>
Atributos
comunes
bsicos, internacionalizacin y eventos
Atributos
propios
cite = "url" - Indica la direccin de la pgina web original de la que se extrae
la cita
Tipo de
elemento
Bloque
Descripcin Se emplea para indicar que el texto que encierra es una cita textual de otro texto
externo
Al igual que <ins> y <del>, la etiqueta <blockquote> permite indicar mediante el
atributo cite la direccin de un documento del que se ha extrado la cita. Ejemplo:
<html>
<head><title>Ejemplo de etiqueta blockquote</title></head>
<body>
<p>Segn el W3C, el valor del atributo <em>cite</em> en las etiquetas <strong>bl
ockquote</strong> tiene el siguiente significado:</p>
<blockquote cite="http://www.w3.org/TR/html401/struct/text.html">"El valor de este
atributo es una direccin URL que indica el documento original de la cita."</blockq
uote>
</body>
</html>
El aspecto que muestra el ejemplo anterior en cualquier navegador es el siguiente:


Figura 3.9 Ejemplo de uso de la etiqueta blockquote
Para indicar de forma clara que el texto es una cita externa, los navegadores
muestran por defecto el texto del elemento <blockquote> con un gran margen en
la parte izquierda.
La etiqueta <abbr> marca las abreviaturas de un texto y la etiqueta <acronym> se
emplea para marcar las siglas o acrnimos del texto. Su definicin es la siguiente:
Etiqueta <abbr>
Atributos
comunes
bsicos, internacionalizacin y eventos
Atributos
propios
title = "texto" - Indica el significado completo de la abreviatura
Tipo de
elemento
En lnea
Descripcin Se emplea para marcar las abreviaturas del texto y proporcionar el significado
de esas abreviaturas
Etiqueta <acronym>
Atributos
comunes
bsicos, internacionalizacin y eventos
Atributos
propios
title = "texto" - Indica el significado completo del acrnimo o sigla
Tipo de
elemento
En lnea
Descripcin Se emplea para marcar las siglas o acrnimos del texto y proporcionar el
significado de esas siglas
En ambos casos, el atributo title se puede utilizar para incluir el significado
completo de la abreviatura o sigla. Ejemplo:
<html>
<head>
<title>Ejemplo de etiqueta acronym</title>
</head>
<body>
<p>El lenguaje <acronym title="HyperText Markup Language">HTML</acronym>
es estandarizado por el <acronym title="World Wide Web Consortium">W3C</acro
nym>.</p>
</body>
</html>
La mayora de navegadores muestran por defecto un borde inferior punteado para
todos los elementos <abbr> y <acronym>. Al posicionar el puntero del ratn sobre
la palabra subrayada, el navegador muestra un pequeo recuadro
(llamado tooltip en ingls) con el valor del atributo title:

Figura 3.10 Ejemplo de uso de la etiqueta acronym

Por otra parte, en ocasiones resulta til incluir la definicin de una palabra extraa
o cuyo uso est restringido a un entorno muy determinado. HTML incluye la
etiqueta <dfn> para proporcionar al usuario la definicin de todas las palabras para
las que se considere apropiado. La definicin formal de esta etiqueta se muestra a
continuacin:
Etiqueta <dfn>
Atributos
comunes
bsicos, internacionalizacin y eventos
Atributos
propios
title = "texto" - Indica el significado completo del trmino
Tipo de
elemento
En lnea
Descripcin Se emplea para marcar las definiciones de ciertos trminos y proporcionar el
Etiqueta <dfn>
significado de esos trminos
El siguiente ejemplo muestra cmo se utiliza la etiqueta <dfn> para incluir la
definicin completa de una palabra cuyo uso no es habitual fuera de los mbitos
mdicos y psicolgicos:
<p>Con estos sntomas, podra tratarse de un caso de <dfn title="Imagen o sensac
in subjetiva,
propia de un sentido, determinada por otra sensacin que afecta a un sentido
diferente">sinestesia</dfn></p>
Por ltimo, HTML incluye una etiqueta que se puede utilizar para marcar un texto
como una citacin:
Etiqueta <cite>
Atributos
comunes
bsicos, internacionalizacin y eventos
Atributos
propios
-
Tipo de
elemento
En lnea
Descripcin Se emplea para marcar una cita o una referencia a otras fuentes
En ocasiones, no est clara la diferencia entre <cite> y <blockquote>. El
elemento <cite> marca el autor de la cita (persona, documento, etc.)
y <blockquote> marca el contenido de la propia cita. En el siguiente
ejemplo, <blockquote> encierra el contenido de una frase clebre y <cite> encierra
el nombre de su autor:
Como dijo <cite>Mahatma Gandhi</cite>:
<blockquote>Vive como si fueras a morir maana y aprende como si fueras a vivir
para siempre.</blockquote>
Ejercicio 3
Estructurar y marcar el siguiente texto para que el navegador lo muestre con el
aspecto de la siguiente imagen:

Figura 3.11 Texto HTML correctamente estructurado y marcado

El estndar HTML/XHTML incluye numerosas etiquetas para marcar los
contenidos de texto. No obstante, la infinita variedad de posibles contenidos
textuales hace que no sean suficientes. Si se considera el siguiente ejemplo:
El texto del ejemplo anterior contiene elementos de texto importantes, siglas,
nmeros de telfono y direcciones de correo electrnico. XHTML define la
etiqueta <strong> para marcar los elementos importantes y <acronym> para
marcar las siglas:
<strong>Importante</strong>: si quiere ponerse en contacto con la empresa <acro
nym>ACME</acronym>, puede hacerlo en el telfono 900 555 555 o a travs de la
direccin de correo electrnico contacto@acme.org
Desafortunadamente, XHTML no define ninguna etiqueta especfica para marcar
nmeros de telfono o direcciones de correo electrnico. De la misma forma, no
define etiquetas para otros posibles elementos que se pueden encontrar en los
contenidos de texto.
Por este motivo, el estndar HTML/XHTML incluye una etiqueta
llamada <span> que se emplea para marcar cualquier elemento que no se puede
marcar con las otras etiquetas definidas. Siguiendo con el ejemplo anterior, la
etiqueta <span> se utiliza para marcar el telfono y la direccin de correo
electrnico:
<strong>Importante</strong>: si quiere ponerse en contacto con la empresa <acro
nym>ACME</acronym>, puede hacerlo en el telfono <span>900 555 555</span>
o a travs de la direccin de correo electrnico <span>contacto@acme.org</span
>
La etiqueta <span> se visualiza por defecto con el mismo aspecto que el texto
normal. Por tanto es habitual utilizar esta etiqueta junto con los
atributos id y class para modificar posteriormente su aspecto con CSS:
<strong>Importante</strong>: si quiere ponerse en contacto con la empresa <acro
nym>ACME</acronym>, puede hacerlo en el telfono <span class="telefono">900
555 555</span> o a travs de la direccin de correo electrnico <span class="ema
il">contacto@acme.org</span>
La etiqueta <span> slo se puede utilizar para encerrar contenidos y etiquetas en
lnea. Cuando se quieren estructurar elementos de bloque, se utiliza la
etiqueta <div>, tal y como se ver en captulos posteriores.

LISTAS ORDENADAS Y DESORDENADAS

Listas
Sirven para enumerar y definir elementos, las listas son utilizadas para citar,
numerar y definir objetos. Tambin son utilizadas corrientemente para desplazar el
comienzo de lnea hacia la derecha.
Podemos distinguir tres tipos de listas:
Listas desordenadas
Listas ordenadas
Listas de definicin

Listas desordenadas
Son delimitadas por las etiquetas <ul> y </ul> (unordered list). Cada uno de los
elementos de la lista es citado por medio de una etiqueta <li> (sin cierre, aunque
no hay inconveniente en colocarlo). La cosa queda as:
<p>Pases del mundo</p>
<ul>
<li>Argentina
<li>Per
<li>Chile
</ul>

El resultado en el navegador:
Pases del mundo
Argentina
Per
Chile

Podemos definir el tipo de vieta empleada para cada elemento. Para ello
debemos especificarlo por medio del atributo type incluido dentro de la etiqueta de
apertura <ul>, si queremos que el estilo sea vlido para toda la lista,o dentro le la
etiqueta <li> si queremos hacerlo especfico de un solo elemento. La sintaxis es
del siguiente tipo:
<ul type="tipo de vieta">
Donde tipo de vieta puede ser uno de los siguientes: circle, disc, square
Ejemplo.
<ul type="square">
<li>Elemento 1
<li>Elemento 2
<li>Elemento 3
<li type="circle">Elemento 4
</ul>

Que tiene como resultado
Elemento 1
Elemento 2
Elemento 3
o Elemento 4

Listas ordenadas
En este caso usaremos las etiquetas <ol> (ordered list) y su cierre</ol>. Cada
elemento ser igualmente precedido de su etiqueta <li>. Pongamos un ejemplo:
<p>Reglas de comportamiento en el trabajo</p>
<ol>
<li>El jefe siempre tiene la razn
<li>En caso de duda aplicar regla 1
</ol>

El resultado es:

Reglas de comportamiento en el trabajo
1. El jefe siempre tiene la razn
2. En caso de duda aplicar regla 1

Del mismo modo que para las listas desordenadas, las listas ordenadas ofrecen la
posibilidad de modificar el estilo. En concreto nos es posible especificar el tipo de
numeracin empleado eligiendo entre nmeros (1, 2, 3...), letras (a, b, c...) y sus
maysculas (A, B, C,...) y nmeros romanos en sus versiones maysculas (I, II,
III,...) y minsculas (i, ii, iii,...).
Para realizar dicha seleccin hemos de utilizar, como para el caso precedente, el
atributo type, el cual ser situado dentro de la etiqueta <ol>.
Los valores que puede tomar el atributo en este caso son:
1 Para ordenar por nmeros
a Por letras del alfabeto
A Por letras maysculas del alfabeto
i Ordenacin por nmeros romanos en minsculas
I Ordenacin por nmeros romanos en maysculas
Puede que en algn caso deseemos comenzar nuestra enumeracin por un
nmero o letra que no tiene por qu ser necesariamente el primero de todos. Para
solventar esta situacin, podemos utilizar un segundo atributo, start, que tendr
como valor un nmero. Este nmero, que por defecto es 1, corresponde al valor a
partir del cual comenzamos a definir nuestra lista. Para el caso de las letras o los
nmeros romanos, el navegador se encarga de hacer la traduccin del nmero a
la letra correspondiente. Os proponemos un ejemplo usando este tipo de atributos:
<p>Ordenamos por numeros</p>
<ol type="1">
<li>Elemento 1
<li> Elemento 2
</ol>

<p>Ordenamos por letras</p>
<ol type="a">
<li>Elemento a
<li> Elemento b
</ol>

<p>Ordenamos por nmeros romanos empezando por el 10</p>
<ol type="i" start="10">
<li>Elemento x
<li> Elemento xi
</ol>

El resultado:
Ordenamos por nmeros
1. Elemento 1
2. Elemento 2

Ordenamos por letras
a. Elemento a
b. Elemento b

Ordenamos por numeros romanos empezando por el 10
x. Elemento x
xi. Elemento xi

EJEMPLO EN LA ESTRUCTURA DE HTML
<html>
<head>
<title>Mi primera pgina WEB</title>
</head>
<body background="K:\don bosco1\temas\sixth\computing/sal.jpg">
<font color="blue" size="6"><h1>hola mundo estoy jugando</h1></font>
<br><br><p align="right"> <font color="yellow" size="7" face="Vladimir Script" >
hola mundo 2 <p> </font>
<p align="center"><img src="K:\don bosco1\temas\sixth\computing/amigo.jpg "
width="400" height="300" alt="jose">

<p>Reglas de comportamiento en el trabajo</p>
<ol type="i">
<li>El jefe siempre tiene la razn
<li>En caso de duda aplicar regla 1
</ol>

<p> ejemplo </p>
<ol type="I" start="3">
<li>Elemento 1
<li>Elemento 2
<li>Elemento 3
<li type="a" >Elemento 4
</ol>
</body>
</html>

INSERTAR IMGENES
<IMG>
Antes de describir en detalle la marca principal de insercin de imgenes en los
hipertextos, es conveniente precisar algunos conceptos de HTML. A diferencia de
muchos procesadores de texto (Ms Word, por ejemplo), los hipertextos no se
"funden" con las imgenes que les sirven de acompaamiento grfico, sino que se
limitan a invocarlas desde un recorrido especfico in situ o en el web. Dicho de otro
modo, existe una divisin muy clara entre archivo. HTML e imgenes (y tambin
sonidos, apliques, etc.). Los documentos HTML se limitan a prever dentro de ellos
un espacio en el que se insertan las imgenes solicitadas.
La marca <IMG> no necesita cierre y su sintaxis correcta es:
<IMG SRC="immagine.gif">
donce SRC corresponde al ingls Search y es el recorrido del que el navegador
saca la imagen (en este caso "immagine.gif"). Como hemos sealado, esta marca
es nica en el sentido de que NO lleva como cierre el correspondiente </IMG>.
Los navegadores (Netscape, MsIe, Opera etc.) reconocen numerosos formatos
grficos, aunque los ms utilizados son dos: GIF (Graphics Interchange Format)
y JPEG (Joint Photographics Experts Group). En los ltimos meses, asistimos a la
difusin a nivel internacional de otro formato:PNG (Portable Network Graphics).

El elemento <IMG> va acompaado de diversos atributos que facilitan su uso.
Veamos ahora juntos cules son.

ALT

El uso de texto para comentar las imgenes es una regla fundamental que
debemos observar en la creacin de sitios web por varias razones:
Algunos navegadores podran estar impostados para no invocar las
imgenes;
Los navegadores textuales para invidentes no conseguiran interpretar las
imgenes si carecieran de comentario;
Es posible evitar pies de imagen incluyendo comentarios dentro de la
imagen misma.


En todos estos casos, el uso de comentarios resuelve el problema y permite
optimizar la pgina web. La sintaxis correcta de los comentarios es la siguiente:

<IMG SRC="immagine.gif" ALT="Obra de K. Haring">
Para comprobar sus efectos, pasa el ratn por encima de la imagen del ejemplo.
WIDTH y HEIGHT

En los ejemplos vistos hasta ahora, no hemos especificado las medidas de la
imagen que el navegador se ha encargado de buscar automticamente. Es posible
definir la anchura y la altura de la imagen gracias a los atributos width y height,
respectivamente:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 ALT="Obra de K.
Haring">

donde WIDTH=178 es la dimensin horizontal (ancho) de la imagen expresada en
pxel, y HEIGHT=180 la dimensin vertical (alto).
Mediante estos atributos podemos definir dimensiones diferentes de las que
realmente tiene la imagen. En cualquier caso, es aconsejable insertar imgenes
con su tamao efectivo sobre todo si estn en formato GIF, dado que, cuando se
cambian las medidas, este formato pierde mucha calidad.
BORDE
Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son
numricos y van expresados en pxel. Si impostamos el valor BORDER en 0, la
imagen no va recuadrada. Cuando omitimos este atributo, el navegador no aplica
ningn borde, pero si la imagen es tambin un enlace automticamente se le
asignar un BORDER=1. La sintaxis correcta es:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="Obra
de K. Haring">
HSPACE y VSPACE
Con estos dos atributos podemos establecer la distancia en pxel de la imagen a
los objetos que se encuentran a los cuatro lados de la misma.
HSPACE define la distancia de los lados derecho e izquierdo de la imagen
a los objetos ms cercanos (texto, imgenes, apliques, etc.).
VSPACE define la distancia de los lados superior e inferior de la imagen a
los objetos ms cercanos (texto, imgenes, apliques, etc.). La sintaxis
correcta es:
<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=
VSPACE=3 HSPACE=3 ALT="Obra de K. Haring">
Estos atributos resultan tiles cuando queremos distanciar la imagen de los
objetos ms cercanos.
ALIGN

El atributo ALIGN define la posicin de la imagen respecto al texto colocado
inmediatamente antes o despus de la misma. Existen varias opciones para el
atributo ALIGN:
ALIGN=top: alinea la primera lnea de texto con la parte superior de la
imagen.

ALIGN=middle: alinea la primera lnea del texto con el centro de la imagen.

ALIGN=bottom: alinea la primera lnea de texto con la parte inferior de la
imagen.

ALIGN=left: el texto se coloca a la derecha de la imagen empezando desde
la parte superior de la misma.

ALIGN=right: el texto se coloca a la izquierda de la imagen empezando
desde la parte superior de la misma.

HIPERVNCULOS CON IMGENES

Para crear un hipervnculo en una imagen, de manera que cuando la gente de
click a una imagen se le enve a algn sitio, simplemente hay que incluir la
imagen dentro de la etiqueta <a>, como en el siguiente ejemplo:

Ac tenemos una imagen sin hipervnculo:

<img src="pastel.jpg" alt="Pasteles" width="150" height="125" />

Ahora, si queremos que esta imagen tenga un hipervnculo, lo debemos
especificar as:

<a href="pasteles.html"> <img src="pastel.jpg" alt="Pasteles" width="150"
height="125" /> </a>

No olvides verificar que el hipervnculo funciona bien y que lleva a la pgina o
a la seccin a la que quieres que lleve.









TABLAS
He aqu las principales etiquetas para mostrar tablas en cdigo HTML:
Etiqueta de
inicio
Etiqueta
final
Descripcin de la
etiqueta
<TABLE> </TABLE> Contenedor para los
bordes de la tabla
<TABLE
BORDER>
</TABLE> Etiqueta para tabla con
bordes
<TR> </TR> Establece una fila
dentro de una tabla
<TD> </TD> Define una celda dentro
de un tabla
<TH> </TH> Centra una cabecera en
la parte superior de la
tabla o en un lado
<CAPTION> </CAPTION> Fija un ttulo en la parte
superior de la tabla.

Adems, las tablas pueden llevar una serie de Atributos:

border=numero
Establece si aparece o no un borde alrededor de las celdas de la tabla, y
cual es el grosor del borde.
align=topbottom
Dentro de la etiqueta caption, establece la ubicacin del ttulo de la etiqueta,
ya sea en la parte superior o inferior de la tabla
align=leftcenterright
Establece la ubicacin de los datos dentro de las celdas. Funciona dentro
de las etiquetas tr, th y td.
valign=topmiddlebottombaseline
Especifica la alineacin vertical de los datos
nowrap
Establece que las lneas contenidas en las celdas afectadas no se pueden
romper para ajustarse al ancho de las celdas.
colspan=numero
Indica cuntas columnas ocupa la celda.
rowspan=numero
Indica cuntas lneas ocupa la celda.
cellspacing=numero
Indica el espacio insertado entre las celdas individuales de una tabla
cellpadding=numero
Establece el espacio entre el borde de la celda y el contenido de la celda.
width=numeroporcentaje
Establece el ancho de la tabla o de las celdas especificadas en un valor en
pxeles o en porcentaje con respecto al ancho del documento.


EJEMPLOS DE CDIGO HTML PARA LA CREACIN DE TABLAS:
BORDES PARA LAS CELDAS Y COLORES DE LAS CELDAS.
UNIFICACIN DE LAS TABLAS
Para algunas tablas puedes necesitar unificar dos o ms celdas en una sola que
pasar a ocupar el lugar de aquellas afectadas. Estas unificaciones pueden ser
llevadas a cabo con los atributos "rowspan" (para unificacin vertical) y "colspan"
(para unificacin horizontal), ambos disponibles para celdas
(tag HTML tdy tag HTML th).
Cdigo
<table>
<tr>
<td>Campo 1</td>
<td>Campo 2</td>
<td>Campo 3</td>
</tr>
<tr>
<td colspan="2">Campos 4 y 5</td>
<td>Campo 6</td>
</tr>
<tr>
<td>Campo 7</td>
<td>Campo 8</td>
<td>Campo 9</td>
</tr>
</table>
Vista
Campo 1 Campo 2 Campo 3
Campos 4 y 5 Campo 6
Campo 7 Campo 8 Campo 9
Mira en el ejemplo anterior cmo una definicin de celda que unifica a dos, es el
equivalente a dos definiciones de celdas simples. Esto tambin funciona para
uificacin vertical, con una pequea diferencia debido a la naturaleza de las tables
en HTML. Cuando se unifican celdas verticalmente, las definiciones de celdas en
las filas afectadas por la unificacin deben ser omitidas. Mira el ejemplo, donde los
campos 1, 4 y 7 son unificados:
Cdigo
<table>
<tr>
<td rowspan="3">Campo unificado</td>
<td>Campo 2</td>
<td>Campo 3</td>
</tr>
<tr>
<td>Campo 5</td>
<td>Campo 6</td>
</tr>
<tr>
<td>Campo 8</td>
<td>Campo 9</td>
</tr>
</table>
Vista
Campo unificado
Campo 2 Campo 3
Campo 5 Campo 6
Campo 8 Campo 9
Debes tener cuidado al unificar filas y columnas de no encimar las celdas
unificadas. Esto podra tener resultados inesperados.


HIPERVNCULOS DENTRO DE UNA MISMA PGINA:

Para crear un hipervnculo que vaya a una seccin dentro de la misma
pgina, debemos hacer uso del atributo id. El ttulo de la seccin a la que
queramos ir deber tener este atributo para que despus podamos crear un
hipervnculo hacia ella.

Por ejemplo, el ttulo lucira as:

<h2 id="conclusion">Conclusin del Debate</h2>

Y despus, el hipervnculo hacia dicha seccin lucira de esta manera:

<p>Vaya a la seccin <a href="#conclusion">Conclusin del Debate</a> para leer
las conclusiones y comentarios finales.

HIPERVNCULOS CON IMGENES

Para crear un hipervnculo en una imagen, de manera que cuando la gente de
click a una imagen se le enve a algn sitio, simplemente hay que incluir la
imagen dentro de la etiqueta <a>, como en el siguiente ejemplo:

Ac tenemos una imagen sin hipervnculo:

<img src="pastel.jpg" alt="Pasteles" width="150" height="125" />

Ahora, si queremos que esta imagen tenga un hipervnculo, lo debemos
especificar as:

<a href="pasteles.html"> <img src="pastel.jpg" alt="Pasteles" width="150"
height="125" /> </a>

No olvides verificar que el hipervnculo funciona bien y que lleva a la pgina o
a la seccin a la que quieres que lleve.