Você está na página 1de 6

CLASES DE HTML CICLO 2011-2012 COORDINACIN DE COMPUTACIN RESUMEN DE LAS INSTRUCCIONES DE HTML

RESUMEN DE LAS INSTRUCCIONES DE HTML


ETIQUETA O SINTAXIS <html> <head> <title>Ttulo de la Pgina </title> </head> <body> Cuerpo de la pgina </body> </html> <!--TEXTO //--> <META name=tipo content=Texto> DESCRIPCIN

Estructura bsica

Nos permite agregar un comentario a la pgina Web. Los comentarios solo se vern en el cdigo. Esta etiqueta nos da informacin acerca de la pgina y tambin podemos realizar alguna accin. Siempre va dentro del encabezado (<head></head>)

TIPO author classification description generador keywords

ATRIBUTOS DE META SIGNIFICADO Autor de la pgina. Palabras para clasificar la pgina en los buscadores. Descripcin del contenido de la pgina. Programa utilizado para crear la pgina. Palabras clave.

<meta http-equiv="Refresh" content="15"> <meta http-equiv="Refresh" content="5; URL=http://www.institutolux.edu.mx"> <body> TODO EL CDIGO DE LA PGINA</body>

La etiqueta meta con esos atributos nos permite actualizar la pgina en los segundos sealados. La etiqueta meta con esos atributos nos permite redirigir a la pgina escrita. Dentro de las etiquetas body tendr que ir la informacin y etiquetas que mostrarn objetos o textos dentro de la pgina.

ATRIBUTOS BODY ATRIBUTO BACKGROUND=URL BACKGROUND=FONDO.JPG BGCOLOR=BLUE BGCOLOR=#RRVVAA TEXT=BLUE TEXT=#RRVVAA LINK=BLUE LINK=#RRVVAA VLINK=BLUE VLINK=#RRVVAA DESCRIPCIN Pone una imagen de fondo. Siempre hay que poner la extensin del archivo y si la imagen no est dentro de la misma carpeta de la pgina, hay que poner la ruta completa. Pone un color de fondo a la pgina. Cambia el color predefinido del texto. Cambia el color predefinido de los vnculos o links aun no visitados dentro de la pgina. Cambia el color predefinido de los vnculos o links visitados dentro de la pgina.

<p> PRRAFO </p>

Nos define que el texto que esta dentro de esta etiqueta ser un prrafo y por consiguiente automticamente creara una separacin (normalmente 2 lneas) con el prximo texto.
1

Informtica III Diseo de Pginas Web

CLASES DE HTML CICLO 2011-2012 COORDINACIN DE COMPUTACIN RESUMEN DE LAS INSTRUCCIONES DE HTML

ETIQUETA O SINTAXIS
ATRIBUTOS <P> ATRIBUTO ALIGN=TIPO DE ALINEACIN

DESCRIPCIN

DESCRIPCIN


<br> &nbsp; <B> TEXTO </B> <I> TEXTO </I> <U> TEXTO </U>

LEFT CENTER JUSTIFY RIGHT Indica la alineacin que tendr el prrafo.

<TT> TEXTO </TT> <SUB> TEXTO </SUB> <SUP> TEXTO </SUP> <BIG> TEXTO </BIG> <SMALL> TEXTO </SMALL> <BLOCKQUOTE> TEXTO </BLOCKQUOTE> <STRIKE> TEXTO </STRIKE> <STRONG> TEXTO </STRONG> <HR>

Indica un salto de lnea. Esta etiqueta no se cierra. Nos permite poner ms de un espacio en cualquier documento. Negrita Cursiva Subrayado Maquina de escribir, muestra una fuente de caracteres de espaciado fijo. Subndice Superndice Texto grande. Texto pequeo. Introduce citas textuales o texto destacado, en este caso el texto se separar del texto circundante y se ajustar a los mrgenes derecho e izquierdo. Texto desechado, tachado. Especificar texto resaltado. Mostrar una lnea horizontal de tamao determinable. Se asemejar al salto de pgina dentro de un documento.
ATRIBUTOS <HR> DESCRIPCIN

ATRIBUTO ALIGN=TIPO DE ALINEACIN


NOSHADE SIZE=n

LEFT CENTER RIGHT

Indica la alineacin que tendr la regla.

No muestra la sombra de la barra, evitando el efecto en tres dimensiones. Indicar la altura de la regla en puntos de la pantalla. WIDTH=50% Especificar el ancho de la regla, se puede especificar en tanto por ciento del ancho de la ventana o en valor absoluto en puntos de la pantalla. Permitir ponerle un color a la regla.

WIDTH=n n% WIDTH=75 COLOR=COLOR

<Hn> TEXTO </Hn>

Crea cabeceras que sern normalmente el ttulo, subttulos o subapartados del documento, n vara de 1 a 6. El valor de 1 correspondera con una letra muy grande y el de 6 con una muy pequea. La utilizacin de la etiqueta genera automticamente un salto de lnea.

Informtica III Diseo de Pginas Web

CLASES DE HTML CICLO 2011-2012 COORDINACIN DE COMPUTACIN RESUMEN DE LAS INSTRUCCIONES DE HTML

ETIQUETA O SINTAXIS
ATRIBUTOS <Hn> ATRIBUTO ALIGN=TIPO DE ALINEACIN

DESCRIPCIN

DESCRIPCIN

LEFT CENTER RIGHT

Indica la alineacin que tendr la cabecera.

<MARQUEE> TEXTO </MARQUEE>

Define marquesinas que son lneas de texto, imgenes o lo que tu necesites desplazar de un lado a otro en la ventana.
ATRIBUTOS <MARQUEE>

ATRIBUTO BEHAVIOR=TIPO DE MOVIMIENTO

DESCRIPCIN

Alternate: El texto se desplazara de lado a lado de la ventana, como si rebotara en los extremos. Scroll: El texto se desplazara de un lado a otro, continuamente. Slide: El texto se desplazara de un lado a otro, pero una sola vez. DIRECTION=TIPO DE DIRECCION Down: El texto se desplazara de arriba abajo. Up: El texto se desplazara de abajo a arriba. Left: El texto derecha a izquierda. se desplazara de

Con este atributo puede modificarse el tipo de movimiento.

Con este atributo puede modificarse la direccin en la que se mover el texto.

Right: El texto se desplazara de izquierda a derecha. BGCOLOR=COLOR Con este atributo podremos establecer un color de fondo. Determina el alto de la marquesina, se especifica en puntos de la pantalla (pixeles) o en tanto por ciento sobre el tamao del documento. En caso de que la imagen sea mayor o menor se escalar a este tamao. Indica el ancho al que se mostrar la imagen, escalndola a este tamao. Tambin se expresar en pixeles o en tanto por ciento.

HEIGHT=n n% WIDTH=n n%

<FONT> TEXTO </FONT> <BASEFONT>

Permite modificar las propiedades del texto. Permite modificar las propiedades del texto, a diferencia del font esta aplica para todo el documento, por ello se pone despus de la etiqueta body.

Informtica III Diseo de Pginas Web

CLASES DE HTML CICLO 2011-2012 COORDINACIN DE COMPUTACIN RESUMEN DE LAS INSTRUCCIONES DE HTML

ETIQUETA O SINTAXIS

DESCRIPCIN

ATRIBUTOS DE <FONT> Y <BASEFONT> ATRIBUTO DESCRIPCCIN


Permite indicar el tamao de la fuente, su valor puede estar entre 1 y 7. Incrementndose de tamao progresivamente desde 1, que es la fuente de menor tamao, hasta 7 que la fuente de mayor tamao. El texto normal equivale a la fuente de tamao 3. SIZE=n El tamao tambin puede indicarse de forma relativa, indicando el incremento o detrimento a partir de la fuente base. Por defecto la fuente base ser 3, por tanto si se indica como valor +1 la fuente ser de tamao 4.

COLOR=COLOR FACE=TIPO DE FUENTE

Permite cambiar el color del texto. Establece el tipo de fuente que usara el texto. Debemos usar fuentes conocidas ya que si la computadora no cuenta con la fuente se desconfigurar la pgina. Es la etiqueta encargada de mostrar las imgenes. ATRIBUTOS DE <IMG>

<IMG SRC=RUTA DE LA IMAGEN>

ATRIBUTO
ALT=TEXTO ALTERNATICO DE LA IMAGEN BORDER=n

DESCRIPCCIN
Indicar un texto alternativo a mostrar, si no fue posible mostrar la imagen. Indicar el tamao del borde de la imagen, si la imagen se encuentra dentro de un vnculo el borde de esta ser del color de los vnculos, en caso contrario el borde ser invisible.

ALIGN=TIPO DE ALINEACIN

LEFT RIGHT TOP MIDDLE BOTTOM Determina el alto de la imagen a mostrar, se especifica en pixeles o en tanto por ciento sobre el tamao del documento. En caso de que la imagen sea mayor o menor se escalar a este tamao. Indica el ancho al que se mostrar la imagen, escalndola a este tamao. Tambin se expresar en pixeles o en tanto por ciento. Indica el espaciado horizontal que debe separar a la imagen del texto o cualquier otro elemento contiguo. Se especificar en puntos. Indica el espaciado vertical que debe separar a la imagen del texto o cualquier otro elemento contiguo. Se especificar en puntos. Indica la alineacin que tendr la imagen.

HEIGHT=n n%

WIDTH=n n% HSPACE=n VSPACE=n

<TABLE> <TR> <TD>TEXTO </TD> </TR> </TABLE>


Informtica III Diseo de Pginas Web

Estructura bsica de una tabla.

CLASES DE HTML CICLO 2011-2012 COORDINACIN DE COMPUTACIN RESUMEN DE LAS INSTRUCCIONES DE HTML

ETIQUETA O SINTAXIS <TH>TEXTO</TH> <CAPTION> Ttulo de la tabla </CAPTION> ALIGN=TOP|BOTTOM

DESCRIPCIN Se usar para definir una celda de tipo cabecera (ttulos de las filas o columnas), en este caso se mostrarn destacados en negrita. Especifica el ttulo de la tabla, este se mostrar resaltado en la parte superior externa de la tabla. Siempre se mostrar centrado horizontalmente. Con el atributo ALIGN indicaremos si el ttulo debe aparecer arriba (TOP) o debajo (BOTTOM) de la tabla.

ATRIBUTOS DE <TABLE>, <TR> Y <TD> ATRIBUTO DESCRIPCCIN


BGCOLOR=COLOR ALIGN=TIPO DE ALINEACIN HORIZONTAL Indicar el color de fondo que tendrn la tabla, celdas o filas. Indica la alineacin del elemento dentro de la celda, en este caso afectar a todos los valores situados en la fila actual, tambin se podr indicar individualmente en los elementos TD.

RIGHT VALIGN=TIPO DE ALINEACIN VERTICAL

LEFT CENTER

TOP: Parte superior de la celda. verticalmente

MIDDLE: Centrado dentro de la celda.

Indicar la alineacin vertical del dato dentro de la celda. Se podr especificar donde se colocarn los datos dentro de la celda o si afectara toda la fila. Especifica el ancho que tendr la columna de la tabla, se puede especificar el valor absoluto, en puntos de la pantalla o en tanto por ciento del tamao de la tabla. Definir el alto de la tabla, a igual que WIDTH, se puede indicar en valor absoluto o en porcentaje. En este caso es ms recomendado en valor absoluto ya que el alto es ms difcil que pueda coincidir con el tamao de la ventana. Indicar el nmero de filas que ocupar est celda. Indicar el nmero de columnas que ocupar la celda actual, obtendremos una celda que ocupa varias columnas. Se usar para que no se divida la lnea por defecto. Si la usamos las lneas de texto no se dividirn dentro de la celda en varias lneas. Por tanto si la lnea es muy larga la columna de la tabla ser tan ancha como la lnea, solo se dividir si se usa el elemento. Si se especifica se dibujar un borde alrededor de la tabla y separando los distintos campos que presenta. Indicaremos un nmero que especificar el tamao del borde, por defecto ser 0, es decir, no se dibujar ningn borde. Aunque no se dibuje el borde s se mantendr el espaciado los elementos de la tabla. Indica el espacio que debe existir entre las distintas celdas de la tabla. Por defecto ser 2. Si se indica 0 no habr ningn espacio entre las celdas. Es la cantidad de espacio entre el borde de la celda y el contenido de esta, por defecto es 1. Si se indica 0 las celdas aparecern sin separacin.

BOTTOM: En la parte baja de la celda. WIDTH=n n%

HEIGHT=n n% ROWSPAN=n COLSPAN=n

NOWRAP

BORDER=n

CELLSPACING=n CELLPADDING=n

Informtica III Diseo de Pginas Web

CLASES DE HTML CICLO 2011-2012 COORDINACIN DE COMPUTACIN RESUMEN DE LAS INSTRUCCIONES DE HTML

ETIQUETA O SINTAXIS <UL TYPE =DISK CIRCLE SQUARE> <LH> Ttulo de la lista </LH> <LI> Elemento 1 </LI> <LI> Elemento 2 </LI> ... <LI> Elemento n </LI> </UL> <OL START =n TYPE =A a I i 0> <LH> Ttulo de la lista </LH> <LI> Elemento 1</LI> <LI> Elemento 2</LI> ... <LI> Elemento n</LI> </OL> <DL> <LH>Ttulo de la lista </LH> <DT>Termino 1</DT> <DD>Definicin 1</DD> <DT>Termino 2</DT> <DD>Definicin 2</DD> ... <DT>Termino N</DT> <DD>Definicin N</DD> </DL> <A HREF="URL a la que se accede #ancla">Texto del Hiperenlace o ancla</A>

DESCRIPCIN Estructura bsica de las listas desordenadas: UL especifica el inicio y fin de una lista. LH indica el ttulo de la lista. LI cada uno de los elementos de la lista. TYPE tipo de vieta. Estructura bsica de las listas ordenadas: OL especifica el inicio y fin de una lista. LH indica el ttulo de la lista. LI cada uno de los elementos de la lista. TYPE tipo de vieta. START indica con que nmero o letra comenzara la lista

Estructura bsica de las listas de definiciones: DL especifica el inicio y fin de una lista. LH indica el ttulo de la lista. DT indica el trmino a definir. DD es la definicin del trmino.

Son los enlaces con pginas externas o anclas.

ATRIBUTOS DE <H REF> ATRIBUTO


TARGET=TIPO DESTINO

DESCRIPCCIN

_BLANK: Abre el documento vinculado en una ventana nueva del navegador. _PARENT: Abre el documento vinculado en la ventana del marco que contiene el vnculo o en el conjunto de marcos padre. _SELF: Es la opcin predeterminada. Abre el documento vinculado en el mismo marco o ventana que el vnculo. _TOP: Abre el documento vinculado en la ventana completa del navegador. El destino del enlace determina en qu ventana va a ser abierta la pgina vinculada, se especifica a travs del atributo target.

<A NAME="Id. del ancla">Texto del ancla</A>

Sirve para indicar puntos (anclas) de un documento que son accesibles directamente.

Informtica III Diseo de Pginas Web