HTML


  1. INTRODUCCIÓN

  2. TEXTO
  3. IMÁGENES
  4. AJUSTES DE LA PÁGINA
  5. LINKS
  1. LISTAS
  2. TABLAS
  3. FRAMES

INTRODUCCIÓN


Sintáxis Etiquetas, atributos y valores. Los valores de los atributos van despues de un signo de igual y normalmente entre comillas.


TEXTO


ATRIBUTOS DEL TEXTO

<FONT FACE="Calibri" COLOR=green SIZE=1>...FONT>

FONT es la etiqueta para texto.
FACE es el Atributo para cambiar la fuente.
SIZE atributo de tamaño.
COLOR es el atributo para cambiar el color.

Ejemplos:

Usar Calibri (o Verdana si no esta Calibri)

Tamaño de la fuente cambiado a "1"

Color de texto cambiado con "blue"


HEADERS

<Hn>...</Hn>

Admiten el atributo ALIGN.
Añaden espacio por defecto entre las líneas.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

SALTO DE L͍NEA

<br>

Etiqueta para separar el texto por líneas.
No necesita cierre.

 


PÁRRAFOS

<P>...</P>

Admiten el atributo ALIGN.

División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.

División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.División de párrafo.


NEGRITA, CURSIVA, SUBRAYADO Y TACHADO

<B>...</B>
Texto en Negrita

<I>...</I>
Texto en Cursiva

<U>...</U>
Texto subrayado

<STRIKE>...</STRIKE>
Texto tachado


CAMBIAR COLOR
Y
TAMAÑO DEL TEXTO POR DEFECTO

BASEFONT SIZE=n Para cambiar el tamaño por de fecto del texto en la página. (no va)
Para cambiar el color por defecto del texto de la página, se añade
text=(Valor hexadecimal de color o nombre) dentro de la etiqueta <BODY>


SUPERSCRIPTS Y SUBSCRIPTS

Suben o bajan texto respecto a la linea base.

<SUB>...</SUB>
H2O

<SUP>...</SUP>
E=mc2


TEXTO MONOESPACIADO

<CODE>...</CODE>

La etiqueta CODE carga
una fuente monoespaciada y Coñazo


TEXTO OCULTO

<!--...-->

Etiqueta para incluir texto
invisible en el navegador.
No necesita cierre.


IMÁGENES


INSERTAR IMÁGENES

Para insertar imágenes:
<IMG SRC="image.ext">

Admite el atributo <BORDER=n>(el color del borde es el del texto)
y <ALT=...>para incluir un texto alternativo a la imagen.

<IMG SRC="GIF/image.png" BORDER=3 ALT="Imagen Insertada">

Imagen Insertada

Los atributos WIDTH=x y WIDTH=y
varian el tamaño de la imagen.

<IMG SRC="GIF/image.png" WIDTH=200 y HEIGHT=28>


VINCULAR IMÁGENES A OTRAS IMAGENES

<A HREF="GIF/imagen vinculo.png"><IMG SRC="GIF/miniatura vinculo.png">


ENVOLVER IMAGEN CON TEXTO A UN LADO

<IMG SRC="image.*" ALIGN=right/left> + Texto

<IMG SRC="GIF/image.png" ALIGN=left>

Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto


CONTROLES ENVOLTURA DE TEXTO

Al añadir <BR CLEAR=left>, <BR CLEAR=right> y <BR CLEAR=all> el comportamiento del texto varia evitando envolver objetos a la izquierda, derecha o ambos lados (estrechar la ventana para ver los ejemplos de abajo).

<IMG SRC="image.*" ALIGN=left><BR CLEAR=right> ...texto...

<IMG SRC="image.*" ALIGN=right>




Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-

 

 

 

 

 

<IMG SRC="image.*" ALIGN=right><BR CLEAR=left> ...texto... <IMG SRC="image.*" ALIGN=left>



Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto- Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto- Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto- Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto- Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto- Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto- Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto-Texto














AÑADIR ESPACIO A LOS LADOS DE UNA IMAGEN

Los atributos HSPACE=n y NSPACE=n añaden píxeles a las imagenes en ambos lados verticales u horizontales a la vez.





Los imagen central tiene HSPACE=5 y NSPACE=5. Al añadir este margen, desplaza horizontalmente a las otras imágenes y verticalmente a la línea de imagenes superior.


ALINEADO DEL TEXTO CON IMÁGEN

Para resolver problemas de alineado con imágenes como el del ejemplo anterior, las imágenes tienen el atributo ALIGN=direction con las siguientes variables:

ALIGN=texttop
Alinea la imagen con el texto má alto de la línea.


La posición de la con ALIGN=texttop.

ALIGN=top
Alinea la imagen con el elemento más alto de la línea.


La posición de la con ALIGN=top.

ALIGN=middle
Alinea el centro de la imagen con la línea base del texto.


La posición de la con ALIGN=middle.

ALIGN=absmiddle
Alinea el centro de la imagen con la línea base del texto.


La posición de la con ALIGN=absmiddle.

ALIGN=bottom
Alinea el la base de la imagen con la línea base del texto. Es la alineación por defecto.


La posición de la con ALIGN=bottom.

ALIGN=absbottom
Alinea el la base de la imagen con la base del elemento más alto.


La posición de la con ALIGN=absbottom.


REGLAS HORIZONTALES

La etiqueta <HR> para crear reglas horizontales tiene los atributos SIZE=n (altura en píxeles), WIDTH=n (anchura en píxeles o en % del ancho del documento) y ALIGN=left/right/center (alineado).
NOSHADE se añade para crear una regla sin sombreado.

<HR SIZE=8 WIDTH=35% ALIGN=center>



AJUSTES DE LA PÁGINA

Ajustes generales de la página


COLOR DE FONDO DE LA PÁGINA

Para cambiar el color de fondo de la página hay que añadir dentro de la etiqueta <BODY> al comienzo del documento BGCOLOR=(Valor hexadecimal de color o nombre).


IMAGEN DE FONDO EN LA PÁGINA

Cuando la imagen es más pequeña que la pantalla se repite en mosaico desde la esquina superior izquierda hacia la inferior derecha.
Para colocar una imagen de fondo hay que añadir dentro de la etiqueta <BODY> al comienzo del documento BACKGROUND="image.*.
Si incluimos BACKGROUNDPROPERTIES=fixed el fondo permanece estático al moverse por la página.


ETIQUETA <CENTER>

La etiqueta <CENTER> se utiliza para alinear con el centro de la página prácticamente cualquier elemento de HTML (imagenes, headers, párrafos, tablas...).
Similar al atributo align, pero como etiqueta aplicable a cualquier cosa.


MÁRGENES DE LA PÁGINA

Dentro de la etiqueta <BODY> se puede introducir el margen izquierdo con LEFTMARGIN=n y el superior con TOPMARGIN=n.


CREAR LÍNEAS INDIVISIBLES

La etiqueta <NOBR> acontando una línea de texto hace que esta no se parta en dos al ser mas estrecha que la ventana.
Además de esta etiqueta puede incluirse La etiqueta <WBR> (sin cierre) en el punto en el que la línea se partiría en caso de ter que partirse.
AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH!!!!


CREAR SANGRÍAS (Usando Listas)

Añadiendo la etiqueta ><UL></UL>> acontando un texto añade una sangra a la izquierda.


CALZOS CON PÍXELES

Una manera de crear espacios como sangrías es utilizar píxeles transparentes escalados para ocupar áreas de la página.

Ahhhhhhhhhhhhhhhhhhhhhhhhhh!!!

PÁRRAFOS DE CITA

La etiqueta <BLOCKQUOTE> sirve para introducir párrafos de cita.
El efecto puede variar con el navegador.

La noche pasó lentamente. Salió el sol. Los hobbits se levantaron bastante tarde y la mañana prosiguió. Se solicitó el concurso de gente, que recibió orden de despejar los pabellones y quitar mesas, sillas, cucharas, cuchillos, botellas, platos, linternas, macetas de arbustos en flor, migajas, papeles, carteras, pañuelos y guantes olvidados, y alimentos no consumidos, que eran muy pocos.

TEXTO CON FORMATO

Para introducir texto con espacios especiales o tabulación, como tablas hechas con texto plano, se puede utilizar la etiqueta <PRE> y así evitar que el código HTML elimine el espaciado del texto.

  | 2 | 4 | 6  |8
__|___|___|____|___
1 | 2 | 4 | 6  |8
__|___|___|____|___
2 | 4 | 8 | 12 |16
__|___|___|____|___
3 | 6 | 12| 18 |24

LINKS


CREAR LINKS

Para crear vínculos utilizamos la etiqueta <A> y su cierre delimitando un texto o imagen.
El vínculo al que hace referencia se incluye en la etiqueta con el atributo HREF="page.html".

Ejemplo de un mismo vínculo usando un texto y una imagen:

<A HREF="index.html">IR A WWW.MIGUELADAS.COM</A>

IR A WWW.MIGUELADAS.COM

<A HREF="index.html"><IMG SRC="GIF/inicio1.gif" BORDER=0></A>

Para controlar el borde que puede aparecer en una imagen con vínculo utilizamos el atributo BORDER=n


ANCLAS

Un ancla es un vínculo que lleva a un punto concreto dentro de una página.
Para crear un ancla: <A NAME="nombre del ancla">...texto...</A>

Vincular hacia un ancla: <A HREF="#nombre del ancla">...texto...</A>

- Subir Arriba -

Para vincular a anclas en otra página web hay que incluir la página antes del nombre del ancla:

<A HREF="pagina.html#nombre del ancla">...texto...</A>


ABRIR UN VÍNCULO EN UNA VENTANA NUEVA

Para abrir un enlace en una nueva ventana, se añade a la definción del vínculo TARGET=_blank.

<A HREF="index.html" TARGET=_blank>IR A WWW.MIGUELADAS.COM</A>

IR A WWW.MIGUELADAS.COM


IMÁGENES CON VÍNCULOS POR REGIONES (MAPAS)

Para delimitar uno o más enlaces en un área concreta dentro de una imagen, se utiliza la etiqueta <MAP> dentro de la cual se incluye el nombre del mapa con NAME="nombre del mapa".

Después se añaden las áreas de la imagen que contendrán vínculos con:

<AREA SHAPE=rect COORDS=x1,y1,x2,y2(esquinas sup.izq. e inf. dcha del rectángulo)>
o
<AREA SHAPE=circle COORDS=x,y,r(centro del círculo y radio)>
o
<AREA SHAPE=poly COORDS=x1,y1,x2,y2,x3,y3...(vértices del polígono)>

Después de cada definición de área se incluirá el enlace con <HREF="url.html"

Cerramos la etiqueta con</MAP> y por último se incluye la imágen que recibe el mapa, y se relaciona a la etiqueta del mapa anterior incluyendo dentro de la etiqueta <IMG SRC=imagen.*> el atributo
<USEMAP="#nombre del mapa">.




CAMBIAR LOS COLORES DE LOS VÍNCULOS

Para cambiar el color de los links, hay que incluir dentro de la etiqueta <BODY> :

LINK=# +(Valor Hexadecimal o nombre de color) - Links sin visitar.

VLINK=# +(Valor Hexadecimal o nombre de color) - Links visitados.

ALINK=# +(Valor Hexadecimal o nombre de color) - Momento del click en el link.


LISTAS


LISTAS ORDENADAS

<OL> es la etiqueta empleada para crear listas numeradas. Puede incluir el atributo TYPE=X donde X es el símbolo para numerar os elementos de la lista (A,a,I,i,1).
El atributo START=n estabelece el número o letra con el que la lista empieza.

Cada elemento de la lista, se define con la etiqueta <LI> (sin cierre).
Tras el último elemento de la lista, se cierra la misma con </OL>.


LISTAS SIN ORDEN

Para listas de elementos sin un orden particular se utiliza la etiqueta <UL> . El atributo TYPE=shape sirve para definir el tipo de punto que precede a cada elemento en la lista (disc, circle o square).

Cada elemento de la lista, se define con la etiqueta <LI> (sin cierre).
Tras el último elemento de la lista, se cierra la misma con </UL>.


LISTAS DE DEFINICIONES

Para hacer listas de elementos y su definición:
<DL> : etiqueta para abrir la lista de definiciones.
<DT> : nombre del elemento de la lista de definiciones.
<DD> : definición del elemento.


LISTAS ANIDADAS

Todos los tipos de lista pueden combinarse en listas anidadas.
Un ejemplo de esto es el índice al comienzo de ésta página.


TABLAS


CREAR UNA TABLA

Para hacer una tabla utilizamos la etiqueta <TABLE> y entre la apertura y el cierre incluimos
la etiqueta <TR> para establecer una fila.
Entre la etiqueta de cierre y apertura de la fila, incluimos <TD> para crear el número de celdas necesario.

<TABLE><TR><TD>TABLA SIMPLE</TD></TR></TABLE>
TABLA SIMPLE

<TABLE><TR><TD>CELDA 1</TD><TD>CELDA 2</TD></TR></TABLE>
CELDA 1CELDA 2


BORDE DE LA TABLA

La etiqueta <TABLE> tiene los siguientes atributos para el borde:

BORDER=n: ancho de borde en píxeles.
BORDERCOLOR=color: color del borde (para color plano, se usa solo)
BORDERCOLORDARK=color: iluminación del borde.
BORDERCOLORLIGHT=color: sombreado del borde.

<TABLE BORDER=4 BORDERCOLORDARK=teal BORDERCOLORLIGHT=black><TR>
<TD>
COLOR</TD></TR></TABLE>
COLOR


ANCHO LA TABLA

Los elementos de las tablas admiten el atributo WIDTH
en número de píxeles % del ancho de la página.

Tabla=50% ancho de página Celda de 30 píxeles de ancho

En el ejemplo el ancho de la tabla varía al cambiar el tamaño de la ventana,
pero la celda de la derecha mantiene siempre el ancho de 30 píxeles.


CELDAS IRREGULARES

Para crear celdas que ocupen un espacio de má de una celda, utilizamos ROWSPAN=n o COLSPAN=n.
El primero define los n espacios verticales que ocupa una celda, el segundo los horizontales.

En la celda 5, COLSPAN=2
Celda 1Celda 2Celda 3
Celda 4Celda 5

En la celda 1, ROWSPAN=2
Celda 1Celda 2Celda 3
Celda 4Celda 5


ALINEAR CONTENIDO DE CELDA

Para alinear horizontalmente el contenido, utilizar ALIGN=left/center/right.
Para la posición vertical del contenido VALIGN=top/middle/bottom/baseline.
Puede aplicarse a filas o celdas en concreto.

Las negritas del ejemplo tienen un alineado especial para la cerda que
prevalece a lo indicado en los atributos de la línea.

CELL
1
23
456

MÁRGENES DE LAS CELDAS

Para definir el espacio entre de las celdas:CELLSPACING=n
Para definir el espacio entre el contenido de la celda y el borde:CELLPADDING=n

CELLSPACING=10 CELLPADDING=10

123
456

CAMBIAR COLOR DE CELDA

Para cambiar el color de fondo de las celdas:
BGCOLOR=#+valor hexadecimal de color o nombre
Puede aplicarse a filas o celdas en concreto.

123
456

INSERTAR IMAGEN DE FONDO EN CELDA

Para poner una imagen de fondo en una celda:
BACKGROUND=archivodeimagen.*
Puede aplicarse a filas o celdas en concreto.

1 2 3
4 5 6

FRAMES


CREAR FRAMES EN FILA

-LINK-


CREAR FRAMES EN COLUMNA

-LINK-


CREAR FRAMES EN FILAS Y COLUMAS

-LINK-


CREAR FRAMES COMBINADOS

-LINK-


INCRUSTAR UN FRAME EN UNA WEB

Para incrustar un frame dentro de una página, vinculamos la página del FRAMESET
con la etiqueta <IFRAME>


ATRIBUTOS DE LOS FRAMES

MARGINWIDTH=xAncho del margen entre el contenido y el borde del frame. Puede definirse para el FRAMESET o para FRAMES concretos.
MARGIHEIGHT=yAlto del margen entre el contenido y el borde del frame. Puede definirse para el FRAMESET o para FRAMES concretos.
SCROLLING=NO/YES Hace que desapareczcan las barras de Scroll. Puede definirse para el FRAMESET o para FRAMES concretos.
BORDERCOLOR=#color Define el color del borde del frame. Puede definirse para el FRAMESET o para FRAMES concretos.
BORDER=n Ancho del borde. Se define para el FRAMESET.
NORESIZEIncluido en la etiqueta que define un FRAME, impide que el FRAME pueda ser cambiado de tamaño por el usuario.

Ejemplo:


FRAMES DINÁMICOS

Para crear frames cuyo contenido cambia: