<TABLE BORDER=1 CELLPADDING=5> </table> |
<!-- Esto es un comentario HTML --> |
<HTML> <HEAD> <TITLE>El titulo</TITLE> </HEAD> <BODY> El contenido de la página: Texto, imágenes, enlaces, etc. </BODY> </HTML> |
<!DOCTYPE HTML información> |
Se suele omitir.
El terminador es opcional.
Atributo ALIGN. Valores: left, center o right.
Atributo CLEAR. Valores: left, right o all. Se usa para saltar detrás de imágenes flotantes.
Atributo WIDTH: ancho a reservar medido en espacios en blanco.
Este es el primer párrafo que usaré en este ejemplo sobre como se deben formatear los párrafos en un documento HTML.
Un nuevo párrafo. for (i=1 ; i<10 ; i++) { print $i }Un blockquote: En un lugar de la Mancha de cuyo nombre no quiero acordarme, vivía un ilustre caballero |
<P> Este es el primer párrafo que usaré en este ejemplo sobre como se deben formatear los párrafos en un documento HTML. </P> <P> Un nuevo párrafo.<BR>Segunda línea. </P> <PRE> for (i=1 ; i<10 ; i++) { print $i } </PRE> Un blockquote: <BLOCKQUOTE> En un lugar de la Mancha de cuyo nombre no quiero acordarme, vivía un ilustre caballero </BLOCKQUOTE> |
<DIV [ALIGN=left|center|right]> texto <DIV> |
Es similar a <P>.
Cabecera 1 | <H1>Cabecera 1</H1> |
Cabecera 2 | <H2>Cabecera 2</H2> |
Cabecera 3 | <H3>Cabecera 3</H3> |
Cabecera 4 | <H4>Cabecera 4</H4> |
Cabecera 5 | <H5>Cabecera 5</H5> |
Cabecera 6 | <H6>Cabecera 6</H6> |
|
<OL> <LI> Primera entrada <LI> Segunda entrada <LI> Tercera entrada </OL> |
START=numero | número inicial |
TYPE=1|A|a|I|i | tipo de numeración |
VALUE=numero | número de ese punto |
TYPE=1|A|a|I|i | tipo de numeración |
|
<UL> <LI> Primera entrada <LI> Segunda entrada <LI> Tercera entrada </UL> |
TYPE=circle|square|disc | tipo de punto |
<MENU> <LI> Primera entrada <LI> Segunda entrada <LI> Tercera entrada </MENU> |
|
<DIR> <LI> Primera entrada <LI> Segunda entrada <LI> Tercera entrada </DIR> |
|
<DL> <DT> Uno: <DD> Primera entrada del glosario del ejemplo <DT> Dos: <DD> Segunda entrada <DT> Tres: <DD> Tercera entrada </DL> |
texto normal | texto normal |
texto resaltado | <EM>texto resaltado</EM> |
texto muy resaltado | <STRONG>texto muy resaltado</STRONG> |
código fuente
| <CODE>código fuente</CODE> |
texto como ejemplo | <SAMP>texto como ejemplo</SAMP> |
texto a teclear | <KBD>texto a teclear</KBD> |
nombre de variable | <VAR>nombre de variable</VAR> |
definición | <DFN>definición</DFN> |
una cita | <CITE>una cita</CITE> |
inline quote | <Q>inline quote</Q> |
texto normal | texto normal |
texto más grande | <BIG>texto más grande</BIG> |
texto más pequeño | <SMALL>texto más pequeño</SMALL> |
texto en negrita | <B>texto en negrita</B> |
texto en itálica | <I>texto en itálica</I> |
typewriter font | <TT>typewriter font</TT> |
texto subrayado | <U>texto subrayado</U> |
| <STRIKE>texto tachado</STRIKE> |
<BLINK>texto parpadeantelt;/BLINK>
Sólo Netscape | |
textosubindice | texto<SUB>subindice</SUB> |
textosuperindice | texto<SUP>superindice</SUP> |
" | " | " |
& | & | & |
á | á | á |
é | é | é |
ü | ü | ü |
ñ | ñ | ñ |
non-breaking space | |
Tamaño normal | |
Tamaño 2 | <FONT SIZE=2>Tamaño 2</FONT>
Valores entre 1 y 7. |
Subir 3 | <FONT SIZE=+3>Subir 3</FONT> |
Bajar 3 | <FONT SIZE=-3>Bajar 3</FONT> |
Se puede sugerir el tamaño del font para resto del documento usando la etiqueta BASEFONT:
<BASEFONT SIZE=5> |
Helvetica | <FONT FACE=helvetica>Helvetica</FONT> |
Courier | <FONT FACE=Courier>Courier</FONT> |
Times | <FONT FACE=Times>Times</FONT> |
Arial | <FONT FACE=Arial>Arial</FONT> |
Lista de fonts | <FONT FACE="Arial, Times">Lista de fonts</FONT> |
Si no encuentra ninguno de los fonts especificados usa el por defecto.
Rojo | <FONT COLOR=red>Rojo</FONT> |
Verde | <FONT COLOR=#00ff00>Verde</FONT> |
| <HR> |
| <HR WIDTH=200> |
| <HR WIDTH=50%> |
| <HR WIDTH=200 ALIGN=left> |
| <HR WIDTH=200 ALIGN=right> |
| <HR SIZE=10> |
| <HR NOSHADE SIZE=10> |
Ejemplo:
|
Ejemplo: <CENTER> texto centrado </CENTER> |
Suele colocarse al final trás un línea <HR>
El documento
Enrique A. de la Cal Marín Universidad de Oviedo |
El documento <HR> <ADDRESS> Enrique A. de la Cal Marín<BR> Universidad de Oviedo </ADDRESS> |
Saltar al DI | Saltar al <A HREF="http://www.di.uniovi.es">DI</A> |
<A NAME="ancla1">Primera línea a visualizar</A> |
Ir a sitio en mi página | Ir a <A HREF="#ancla1">sitio</A> en mi página |
protocolo:/usuario:password@maquina:puerto/path?queryTodo es opcional.
http://di076.edv.uniovi.es |
http://di076.edv.uniovi.es/~delacal/pp.html |
file:/home/delacal/index.html |
ftp://hermes.epsig.uniovi.es/pub/ftp/siscomp/ejemplo.zip |
mailto:delacal@ccia.uniovi.es |
Color uniforme de fondo | <BODY BGCOLOR=yellow> |
Imagen como fondo | <BODY BACKGROUND=nubes.gif> |
Color del texto | <BODY TEXT=blue> |
Color de los enlaces | <BODY LINK=white> |
Color de los enlaces visitados | <BODY VLINK=black> |
Color de los enlaces activos | <BODY ALINK=#44dd44> |