Página de ejemplos de HTML

Cabecera tipo 1

Cabecera tipo 3

Cabecera tipo 5

Cabecera tipo 6

Ejemplo de imagen

Escudo UPV texto alineado arriba

Escudo UPV Texto alineado en medio

Escudo UPV Texto alineado bajo

Texto alineado bajo, y todo centrado. Escudo UPV

Texto alineado arriba pero muy largo para que quepa en la línea de arriba. El fallo es que sigue debajo. La solución:

Ahora el texto sigue la imagen y no se va fuera de la imagen o debajo. El atributo es ALIGN=RIGHT o LEFT

enlace a ejemplos

Remarcar la imagen

Imagen para enlazar en este caso a mi correo. Aparece un borde por defecto. Se le puede quitar con BORDER=0

Con la orden WIDTH y HEIGHT se indica los pixels que se desea que ocupe el dibujo.

Con la orden HSPACE y VESPACE indicas el espacio vertical y horizontal que deseas fuera de la imagen.

Ara vaig a escriure en valencià per a assajar.

Pots indicar que aparega en principi una image en baixa resolucio per a que vaja mes apresa i despres carrega un atra image en mes resolucio.

Color en tota la pagina principal

Forma senzilla: BODY BGCOLOR=GREEN
Forma complicada: BODY BGCOLOR="#xxyyzz" TEXT="#xxyyzz" LINK="#xxyyzz" VLINK="#xxyyzz" ALINK="#xxyyzz"
xx rojo
yy verde
zz azul
#FFFFFF Blanco
#000000 Negro
#FFFF00 Amarillo
Atributs per a personalisar:
TEXT Text
LINK Enllaç
VLINK Enllaç visitat
ALINK Enllaç actiu: Quan poses la ma(ratoli) damunt

Puc canviar el color no mes a una linea
Puc canviar i posar un dibuix de fondo en BODY BACKGROUND=DIBUIXDEFONDO.GIF
¿Com posar un contador? L'escola te un que conta. No mes cal canviar el nom de la variable

Tambe hi ha un en el poli
Solo se necesita solicitarlo a la direccion del gestor habitual de web (webmaster@upv.es), indicando el nombre distintivo,(único) del contador que se quiere activar y el valor inicial.

TAULES

<TABLE>
  <TR><TD>UNO</TD><!No cal tancar-lo>
      <TD>DOS
  <TR><TD>TRES. El tamany s'ajusta a lo que hi haja dins
      <TD>QUATRE
      <TD>CINC
</TABLE>

UNO	DOS
TRES. El tamany s'ajusta a lo que hi haja dins	QUATRE	CINC

Pots posarli marc: Afegir BORDER. Tambe pots posarli un numero BORDER=5

UNO	DOS
TRES. El tamany s'ajusta a lo que hi haja dins	QUATRE	CINC

Canviant a BORDER=5 i afegint titul

<TABLE BORDER=5>
  <CAPTION>Titul</CAPTION>
  <TR><TD>UNO</TD><!No cal tancar-lo>
      <TD>DOS
  <TR><TD>TRES. El tamany s'ajusta a lo que hi haja dins
      <TD>QUATRE
      <TD>CINC
</TABLE>

Titul
UNO	DOS
TRES. El tamany s'ajusta a lo que hi haja dins	QUATRE	CINC

Se pot posar capçaleres: Posen en negreta i centren. Simplement es afegir la orde <TH> que es table header, en la celda que siga.

Titul
	Columna1	Columna2
Fila1	UNO	DOS
Fila2	TRES. El tamany s'ajusta a lo que hi haja dins	QUATRE	CINC

Es pot alinear en horiçontal i vertical.
Horiçontal:
Esquerra: per defecte
Centrar:<TD ALIGN=CENTER>
Dreta:<TD ALIGN=RIGHT>
Vertical:
Dalt:TD VALIGN=TOP
Centrada per defecte.
Baix: TD VALIGN=BOTTOM
Exempe a mitat fer

Fondo:
Taula:<TABLE BACKGROUND="archiu.gif">
Color de fondo:
Taula:<TABLE BGCOLOR="#RRGGBB">
Celda:TDBGCOLOR
Color del borde:
Espai entre celdes:
CELLSPACING=40 nº de pixels a separar les vores

Celda

Celdo

Entre santa y santo
muro de cal y canto. Espaiat dins de les celdes: CELLPADDING

Celda

Celdo

Celdes de distint tamany: Dir-li que acupa n files o columnes:
TD ROWSPAN=n
TD COLSPAN=n

UNO	DOS
CUATRE	CINC	SIS	SET
	HUIT	NOU	DEU
	ONZE	DOTZE	TRETZE

Es poden anidar unes taules dins de atres.

Tamany de taules

TABLE WIDTH=80% OCUPA EL 80% DE L'ESPAI DISPONIBLE.
TD WIDTH=75% Ample de celda respecte al total de la taula.

Celda ampla

Celda estreta.

L'altura de la celda: HEIGHT=30 y linea fantasma (fila sense res)

Celda alta

Celda normal.

Página principal de Vicent Miquel Rodrigo Peñarrocha