You are on page 1of 6

Los siguientes apuntes son un apoyo para los alumnos en la elaboracin de pginas web de la materia de Sistemas de Recuperacin de Informacin

de la licenciatura en Archivonoma de la ENBA.

Elabor Lic. Salvador Elas Rodrguez Sols Docente de la Lnea de Automatizacin en Cmputo Acadmico ENBA, Mxico Tel. 3601-10-97 y 00 ext. 16405 y 16435 srodrigu2010@gmail.com, & salvadorelias2003@hotmail.com

1 de 6

COMANDO <!> <TITLE> <BR> <P> <P ALIGN>

SINTAXIS <! TEXTO COMENTARIO> <TITLE> INSERTE SU TITULO</TITLE> TEXTO <BR> <P>TEXTO <P ALIGN=Alineacin >TEXTO</P> LEFT Izquierda RIGHT Derecha CENTER Centro JUSTIFY Justificado MIDDLE La Mitad TOP Al Principio BOTTOM Al Final <DIV>TEXTO</DIV> <DIV ALIGN=Alineacin>TEXTO</DIV> <B>TEXTO</B> <I>TEXTO</I> <STRIKE>TEXTO</STRIKE> <TT>TEXTO</TT> <FONT SIZE =TAMAO >TEXTO</FONT> DE 1 A 7 <BASEFONT SIZE=TAMAO >TEXTO AFECTADO</FONT> DE 1 a 7 <BIG>TEXTO</BIG> <SMALL>TEXTO</SMALL> <SUB>TEXTO</SUB> <SUP>TEXTO</SUP> <FONT COLOR = COLOR EN INGLES O CODIGO> TEXTO </FONT> <FONT FACE =NOMBRE DEL CARCTER>TEXTO</FONT> <H#>TEXTO</H#> DE 1 A 6 <PRE>TEXTO</PRE> <ADDRESS>TEXTO</ADDRESS> <BLOCKQUOTE>TEXTO</BLOCKQUOTE> <BLINK>TEXTO</BLINK> <NOBR>TEXTO</NOBR> <WBR>TEXTO</WBR> <BODY BGCOLOR = COLOR> TEXTO </BODY> <BODY BACKGROUND=Archivo TEXT=COLOR o TEXT =#RRGGBB LINK=COLOR o LINK =#RRGGBB ALINK =COLOR o ALINK = #RRGGBB>TEXTO </BODY>

FUNCIN Insertar un comentario Colocar un Titulo Retorno carro Crear prrafos Alineacin y Direccin de los prrafos

<DIV> <DIV ALIGN> <B> <I> <STRIKE> <TT> <FONT SIZE> <BASEFONT SIZE> <BIG> <SMALL> <SUB> <SUP> <FONT COLOR> <FONT FACE> <H#> <PRE> <ADDRESS> <BLOCKQUOTE> <BLINK> <NOBR> <WBR> <BODY BGCOLOR> <BODY BACKGROUND>

Justificar texto total Direccin de la justificacin Negritas Cursivas Tachado Teletipo Tamao de caracteres Tamao por default Caracteres grandes Caracteres pequeos Subndices Superndices Color de fondo de letras Tipo de caracter Especifica el Tamao del encabezado de 1 al 6. Desplegar un texto que ya tiene formato Correo electrnico Cita textual Parpadear un texto Evitar un retorno de carro Insertar un retorno de carro Desplegar un color de fondo pantalla Desplegar una imagen como fondo, los vnculos hipertexto, encadenamiento visitados y texto con un color de resaltado

2 de 6

COMANDO <IMG>

SINTAXIS <IMG SRC="Archivo" ALT="Texto Posic" ALIGN="Alineacin" WIDTH = PIXELES HEIGHT = PIXELES VSPACE =pxeles HSPACE= pxeles) BORDER = Pixeles >

FUNCIN Muestra una imagen y un texto Alinear sta imagen: Determinar el tamao de la imagen (tamao y alto) Agregar espacios alrededor de la imagen. (espacio vertical) (espacio horizontal) Define un borde alrededor de la imagen. Crear Vnculos a otros documentos. Insertar vnculos en el mismo documento. Crear un vnculo en una seccin especifica de la pgina(#) Define URL relativos Definir el URL bsico al que nos referiremos en adelante. Realizar un vnculo hipertexto hacia una imagen. Realizar vnculos a partir de imgenes interactivas Crear un vnculo Archivo de sonido. hacia un

<A HREF> <A NAME> <A HREF> <A HREF> <BASE> <A HREF> <A HREF>

<A HREF=URL>TEXTO</A> <A NAME=NOMBRE>TEXTO</A> <A HREF=#NOMBRE>TEXTO</A> <A HREF=URL RELATIVO>TEXTO</A> <BASE HREF=URL BSICO> <A HREF=URL.gif>TEXTO</A> o <A HREF=URL.jpg>TEXTO</A> <A HREF=URL> o <IMG SRC=URL.GIF ALT=TEXTO></A> o <IMG SRC=URL.JPG ALT=TEXTO></A> <A HREF=URL.aiff> o <A HREF=URL.au> o <A HREF=URL.wau> o <A HREF=URL.snd> o <A HREF=URL.ra> Es en s : <A HREF = URL.extension> <HR> <HR SIZE = pxeles o % WIDTH = pxeles o ALIGN =opcin NOSHADE> <UL TYPE = Tipo de vieta> <LI> primer elemento de la lista <LI> segundo elemento de la lista </UL> donde : UL- Determina el principio de lista. TYPE-Para modificar la vieta LI- elementos de la lista <OL TYPE = A, a, I, i O, 1 o START = nmero > <LI> primer elemento de la lista <LI> segundo elemento de la lista </OL> <UL> <LI> primer elemento de la lista <LI> segundo elemento de la lista <UL> <LI> primer elemento de la lista <LI> segundo elemento de la lista </UL> </UL>

<A HREF>

<HR>

Crear vnculos hacia otro tipo de documentos Desplegar lneas de separacin

<UL> Y <LI>

CREACIN DE LISTA CON VIETAS

<OL> Y <LI>

Creacin de listas ordenadas o numeradas

<UL> <OL> Y <LI>

Listas anidadas sin ordenar Listas secundarias o sublistas

3 de 6

COMANDO Continuacin De arriba

SINTAXIS <OL> <LI> primer elemento de la lista <LI> segundo elemento de la lista <OL> <LI> primer elemento de la lista <LI> segundo elemento de la lista </OL> <LI> segundo elemento de la lista </OL> <LH> texto</LH> <DL> <DT> primer trmino por definir <DD> definicin <DT> segundo trmino por definir <DD> definicin <DT> segundo trmino por definir <DD> definicin </DL> <TABLE> o <TABLE BORDER = pixels CELLSPACING= pixels CELLSPADDING = pixels WIDTH = pixels o % HEIGHT= pixels o %> <CAPTION ALIGN = Alineacin> TITULO </CAPTION> <TR ALIGN= Alineacin VALIGN= Alineacin > <TH COLSPAN = # columnas ROWSPAN = # filas NOWRAP> <TH>elemento ttulo 1</TH> <TH>elemento ttulo 2</TH> </TR> <TR> <TD> width=Pix o % bgcolor=color bordercolor=color> elemento A1 </TD> <TD> elemento A2 </TD> </TR> <TR> <TD> elemento A1 </TD> <TD> elemento A2 </TD> </TR>

FUNCIN Continuacin Listas anidadas Listas secundarias o sublistas

<LH> <DL>, <DT>, <DD>

Asignar ttulos a las listas Desplegar una lista definiciones.

de

<TABLE> <TR> <TD> <TH> <CAPTION>

Cmo desplegar una tabla Grosor Espacio entre celdas Espacio alrededor, Ancho Alto Titulo en la tabla Rengln y Texto Horiz y vertical Texto en Cabecera Columnas y Renglones

Continuacin de arriba

Dato de la celda con tamaocolor para ella y borde

4 de 6

COMANDO <FRAMESET>

SINTAXIS <FRAMESET ROWS =Pixeles o %s... o * (altura cuadro) COLS=Pixeles o %,... (anchura cuadro) BORDER= Pixeles o %,... (anchura borde) FRAMEBORDER=YES/NO (Borde). BORDERCOLOR=#123456 O COLOR> </FRAMESET> <FRAME NAME=nombre SRC=URL MARGINWIDTH = MARGINHEIGHT= SCROLLING=YES,NOT,AUTO NORESIZE> <NOFRAMES> script HTML</NOFRAMES>

FUNCIN

En lugar del BODY.


Comando que permite dividir la pantalla en varias reas independientes unas de otras, con contenidos distintos, aunque puedan estar relacionados. Asigna el nombre al cuadro Tamao de los margenes. Alto DE los mrgenes Barra de desplazamiento Permite desplegar sin marcos el contenido de una pagina Crea un vinculo hipertexto hacia un mismo marco Insercin de marcos flotantes

<FRAME>

<NOFRAMES> <TARGET> <FRAME>

<MAILTO> <FORM>

<INPUT>

<SELECT> y <OPTION>

<TEXTAREA>

<A HREF=URLTARGET=nombre del marco> nombre</A> <FRAME WIDTH=Pixeles o % HEIGHT=Pixeles o % SRC=URL de la imagen o del documento HTML dentro del marco flotante> </FRAME> <A HREF=mailto:direccion del correo electronico>texto</A> Recepcin del correo electrnico <FORM ACTION=URL METHOD=get o post> Definicin de un formulario contenido del formulario </FORM> <INPUT TYPE=opcin de formato Permite manipular y dar formato checkbox, password, radio, hidden, reset, submit o text al contenido del formulario NAME=nombre del campo CHECKED VALUE=valor predeterminado SIZE=longitud de ventana de texto, nmero de lneas MAXLENGHT=# de Caracteres por campo> <SELECT NAME=nombre del campo Despliegan un men con SIZE=nmero de elementos > valores <OPTION>elemento 1 <OPTION>elemento 2 <OPTION SELECTED>elemento 3 </SELECT> <TEXTAREA NAME=nombre del campo Inserta cuadro de texto con ROWS=numero de lneas ayuda COLS=numero de caracteres> texto </TEXTAREA>

5 de 6

Traducciones
Red Blue Green Magenta Purple Pink Circ ROJO AZUL VERDE MAGENTA PURPURA Rosa Circulo 7C1816 0000DD 22612F FD3097 990099 FF3366 Disc Disco Square Cuadrado Cyan Lime Brown White Navy CYAN LIMA Caf Blanco AZUL MARINO 0099FF 663300 FFFFFF Gray Black Yellow Olive Orange GRIS NEGRO AMARILLO OLIVA Anaranjado 555555 000000 FFFF00 4EEA6C

LEDUC DANIEL & ST-PIERRE ARMAND. HTML Creacin y Difusun de Pginas Web, Mxico, Editorial Trillas, 1999, 263 p.

Elabor Lic. Salvador Elas Rodrguez Sols Docente de la Lnea de Automatizacin en Cmputo Acadmico ENBA, Mxico Tel. 3601-10-97 y 00 ext. 16405 y 16435 srodrigu2010@gmail.com, & salvadorelias2003@hotmail.com

6 de 6