Sei sulla pagina 1di 6

Etiquetas HTML

1 2 3 4 5 6 7 8 9 <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> <P> </P> <P ALIGN=left, center o right> </P> <BR> <CENTER> </CENTER> <Hn> </Hn> Identifica al documento como una pagina WEB Contiene la informacin acerca de una pagina WEB como un titulo Etiqueta utilizada dentro de la etiqueta <HEAD> da a la pagina WEB un titulo que describa el contenido Es la etiqueta dentro de la cual va la reestructuracin o contenido principal de la pagina Sirve para especificar donde comienza o termina un prrafo La etiqueta <P> tiene atributos de alineacin de texto (left=izquierda, center=centrado, right=derecha) Sirve para especificar donde debe de comenzar cada lnea de texto Utilizada para centrar el texto en la pagina WEB enfatizando informaron importante Agrega encabezado y ayuda a organizar la informacin en la pagina WEB Existen 6 niveles o tamaos de H1 hasta H6 donde H1 es el tamao de letra mas grande La etiqueta <Hn> tiene atributos de alineacin de texto (left=izquierda, center=centrado, right=derecha) Permite utilizar el texto preformateado reteniendo los espacios entre texto que se digitan Utilizada para agregar comentarios que no queremos que aparezcan en la pagina Utilizado para insertar caracteres especiales. Ver listado de caracteres especiales que pueden agregarse junto con el cdigo correspondiente Utilizado para el Texto en Negrita Utilizado para el Texto en Cursiva Utilizado para Tachar Texto Utilizado para Subrayar Texto Utilizado para Texto en Superndice Utilizado para Texto en Subndice Utilizado para Utilizar texto tipo

1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2

<Hn ALIGN=left, center o right> </Hn> <PRE> </PRE> <!--->

&#Numero de Caracter

<B> </B> <I> </I> <STRIKE> </STRIKE> <U> </U> <SUP> </SUP> <SUB> </SUB> <TT> </TT>

Paginas WEB y Nuevas Tecnologas Ing. Fabiola de la Cruz

0 2 1

<FONT FACE=nombre de la fuente> </FONT> <FONT FACE=nombre de la fuente,nombre de la fuente> </FONT>

2 2

<BASEFONT SIZE=n> </BASEFONT>

2 3 2 4

<FONT SIZE=n>

TEXT=n Ejemplo: <BODY TEXT=Pink>

2 5 2 6

<FONT COLOR=n></FONT>

BGCOLOR=n Ejemplo: <BODY BGCOLOR=Cyan>

2 7 2 8

<BLOCKQUOTE></BLOCKQUOTE> <OL></OL> <OL START=n></OL> Indica el Item en que queremos comience la lista ordenada <OL TYPE=n></OL> Indica el tipo de Item (a,b,c, A,B,C, i,ii,iii,I,II,III)con el que comenzara la lista ordenada. Por default es 1,2,3 <UL></UL>

Mecanografiado Utilizado para cambiar el tipo de fuente se puede especificar el nombre de la fuente o una caracterstica del nombre de la fuente. Se recomienda que se especifique mas de un tipo de fuente por si la computadora no cuenta con un tipo de letra utilice el otro por default Utilizada para cambiar todo el texto de la pagina se pueden Utilizar Valores del 1 al 7 donde 1 es el tamao mas grande de la fuente y 7 el mas pequeo Utilizada para cambiar la seccin de texto. El valor de n es de 1 a 7 donde 1 es el tamao de texto mas pequeo y 7 el mas Grande Dentro de la etiqueta <BODY> se puede utilizar TEXT=n donde n es reemplazado por el color que queremos para nuestro texto <BODY TEXT=n se utiliza para cambiar el texto de todo el documento Etiqueta que puede ser utilizada dentro de <BODY> o <HEAD>, utilizada para cambiar el color de la fuente de una seccin del documento Dentro de la etiqueta <BODY> se puede utilizar BGCOLOR=n donde n es reemplazado por el color que queremos para el fondo de toda nuestra pagina <BODY BGCOLOR=n se utiliza para cambiar el color de fondo de todo el documento Etiqueta utilizada para crear un bloque de texto Etiqueta utilizada para crear listas ordenadas. Para comenzar cada Item al inicio se debe de utilizar la etiqueta <LI>

2 9 3 0 3

<DL></DL>

<IMG SRC=?>

Etiqueta utilizada para crear listas desordenadas. Para comenzar cada Item al inicio se debe de utilizar la etiqueta <LI> Etiqueta utilizada para realizar listas de definicin. Para cada Item en la lista se digita <DT> y para cada definicin <DD> Etiqueta utilizada para agregar una

Paginas WEB y Nuevas Tecnologas Ing. Fabiola de la Cruz

3 2

BORDER=? Ejemplo: <IMG SRC=gato.gif BORDER=10> ALT=? Ejemplo: <IMG SRC=gato.gif ALT=Esta es la imagen de un gato> ALIGN=? Ejemplo: <IMG SRC=gato.gif ALIGN=top> ALIGN=? Ejemplo: <IMG SRC=gato.gif ALIGN=Left> <BR CLEAR=?> Ejemplo: <BR CLEAR=All> HSPACE=?, VSPACE=? Ejemplo: <IMG SRC=gato.gif HSPACE=30 VSPACE=30> BACKGROUND=? Ejemplo: <BODY BACKGROUND=gato.jpg> <HR> SIZE=? Ejemplo: <HR SIZE=10> WIDTH=?% Ejemplo: <HR WIDTH=50%>

imagen, ? deber ser reemplazado por la direccin completa donde se encuentre la imagen que queremos insertar. Las extensiones de imgenes que se pueden insertar son *.GIF o *.JPEG Utilizado para agregar borde o un marco alrededor de la imagen, ? es reemplazado con el grosor que se desea del borde en pxeles Utilizado para agregar un texto alternativo en caso de que la imagen no se despliegue en pagina Utilizada para alinear una imagen con texto, los valores que puede tomar ? es top, bottom middle Utilizada para ajustar el texto alrededor de una imagen, los valores que puede tomar ? es left y right Utilizada para detener el ajuste del texto alrededor de una imagen. Los valores de ? son left, right All. Utilizada para generar un espacio entre la imagen y el texto alrededor de la imagen. ? Es reemplazado por la cantidad de espacios que se desean agregar en ambos lados de la imagen en pxeles Utilizada en <BODY> para agregar una imagen de fondo a nuestra pagina. ? es reemplazado por la direccin donde se encuentra la imagen que quiero utilizar de fondo Utilizada para agregar una lnea horizontal en HTML conocidas como Reglas Horizontales Utilizada para cambiar el ancho de una regla horizontal. El valor de ? es reemplazado por el ancho que se desea en pxeles Utilizada para cambiar el ancho en que queremos que se extienda la regla horizontal a lo largo de nuestra pagina. El valor de ? indicar el porcentaje en que deber aparecer en la pagina. Utilizada para cambiar la alineacin de la regla horizontal en nuestra pagina. El valor de ? puede ser left, right center. Utilizada para agregar color a nuestra regla horizontal. El valor de ? es reemplazado por el color que

3 3 3 4 3 5 3 6 3 7

3 8

3 9 4 0 4 1

4 2 4 3

ALIGN=? Ejemplo: <HR ALIGN=Left> COLOR=? Ejemplo: <HR COLOR=Pink>

Paginas WEB y Nuevas Tecnologas Ing. Fabiola de la Cruz

4 4 4 5 4 6 4 7 4 8 4 9

<A HREF=?></A> Ejemplo: <A HREF=http://www.hotmail.com>Quier o ir a Hotmail</A> <A HREF=http://www.hotmail.com><IMG SRC=gato.gif></A> <A HREF=gato.gif><IMG SRC=gato.gif></A>Ir a imagen de gato <A HREF=mailto:juan@hotmail.com>Envi ar un correo a Juan </A< <A NAME=?></A> Ejemplo: <A NAME=Casa></A> <A HREF=#Casa>Ver informacin de la Casa</A>

queremos para nuestra regla horizontal. Utilizada para crear un vinculo de texto con otra pagina WEB Utilizada para crear un vnculo entre una imagen y una pagina WEB. Utilizada para crear un vnculo con una imagen, donde ? es reemplazado por la direccin donde se encuentra la imagen Utilizada para crear un vnculo de correo electrnico

5 0

LINK=? Ejemplo: <BODY LINK=Purple> VLINK=? <BODY LINK=Green>

5 1

5 2

<TABLE></TABLE> <TR></TR> <TH></TH> <TD></TD>

5 3 5 4 5 5 5 6 5

BORDER Ejemplo: <TABLE BORDER=10> <CAPTION></CAPTION> COLSPAN=? ROWSPAN=? ALIGN=?

Utilizada para crear un vinculo dentro de una pagina WEB ? es reemplazado por un nombre que describa el rea de la pagina WEB se utiliza en conjunto con <A HREF=#?> en donde #? en este caso ser[a reemplazado con el nombre dado al rea de la pagina WEB. Utilizado dentro de la etiqueta <BODY> para cambiar los colores de los vnculos no visitados. El valor de ? es el color que se quiere para los vnculos no visitados Utilizado dentro de la etiqueta <BODY> para cambiar los colores de los vnculos visitados. El valor de ? es el color que se quiere para los vnculos visitados Utilizada para crear una tabla Utilizada dentro de <TABLE> antes del texto para fila Utilizada dentro de <TABLE> para cada celda de ttulo Utilizada dentro de <TABLE> para cada celda de datos Utilizada como atributo de <TABLE> para agregar un borde a la tabla Utilizada en las tablas para agregar una leyenda un titulo a la tabla Utilizada en la etiqueta <TH> <TD> para las celdas que se desean combinar a travs de columnas Utilizada en la etiqueta <TH> <TD> para las celdas que se desean combinar a travs de filas Utilizada en la etiqueta <TH> <TD>

Paginas WEB y Nuevas Tecnologas Ing. Fabiola de la Cruz

7 5 8 5 9 VALIGN=?

<FORM METHOD=post ACTION=Ubicacin del Script CGI en el servidor WEB></FORM> <INPUT TYPE=text NAME=? SIZE=? MAXLENGTH=?> Ejemplo: Edad:<INPUT TYPE=text NAME=Edad SIZE=4 MAXLENGTH=3>

6 0

6 1

<TEXTAREA NAME=? ROWS=? COLS=? WRAP></TEXTAREA> Ejemplo: <TEXTAREA NAME=Comentarios ROWS=20 COLS=40 WRAP></TEXTAREA>

6 2

<INPUT TYPE=Checkbox NAME=? VALUE=? CHECKED> Ejemplo: <INPUT TYPE=Checkbox NAME=Musica VALUE=Pop CHECKED>Pop

6 3

<INPUT TYPE=Radio NAME=? VALUE=? CHECKED> Ejemplo: <INPUT TYPE=Radio NAME=Musica VALUE=Pop CHECKED>Pop

para alinear datos horizontales de las tablas. ? toma el valor de Right, Left Center Utilizada en la etiqueta <TH> <TD> para alinear datos verticales de las tablas. ? toma el valor de Top, Center Bottom Utilizada para configurar un formulario en una p[agina WEB. Es importante conocer la ubicacin del script CGI en el servidor ya que ah se almacenar la informacin. INPUT TYPE=TEXT Utilizada para crear un cuadro de texto dentro de la Etiqueta <FORM>. Dentro de NAME ? es reemplazado por un nombre que se debe de asignar al cuadro de texto para identificarlo. Dentro de SIZE ? es reemplazado por el ancho del cuadro de texto y dentro de MAXLENGTH ? es reemplazado por el nmero mximo de caracteres que los lectores pueden introducir TEXTAREA utilizada para crear un rea de texto grande. Dentro de NAME ? es reemplazado por un nombre que se debe de asignar al rea de texto para identificarlo. Dentro de ROWS ? es reemplazado por la altura del area de texto en filas. COLS ? es reemplazado por el ancho del rea de texto en columnas y WRAP si se desea que el comentario introducido por los lectores se ajuste automticamente INPUT TYPE=Checkbox Utilizada para crear cuadros de verificacin dentro de la Etiqueta <FORM>. Dentro de NAME ? es reemplazado por un nombre que se debe de asignar al cuadro de verificacin para identificarlo. Dentro de VALUE ? es reemplazado con una palabra que lo describe y CHECKED se utiliza cuando se quiere que el cuadro se seleccione automticamente. INPUT TYPE=Radio Utilizada para crear botones de opcin dentro de la Etiqueta <FORM>. Dentro de NAME ? es reemplazado por un nombre que se debe de asignar al botn de opcin para identificarlo. Dentro de VALUE ? es reemplazado con una palabra que lo describe y CHECKED se utiliza cuando se quiere que el botn

Paginas WEB y Nuevas Tecnologas Ing. Fabiola de la Cruz

6 4

<INPUT TYPE=Submit VALUE=?> Ejemplo: <INPUT TYPE=Submit VALUE=Enviar> <INPUT TYPE=Reset VALUE=?> Ejemplo: <INPUT TYPE=Reset VALUE=Eliminar> <BGSOUND SRC=Direccin del Sonido>

6 5

6 6

6 7

LOOP=n Ejemplo: <BGSOUND SRC=Musica.mp3 LOOP=INFINITE >

6 8

<A HREF=Direccin del Sonido></A>

6 9

<A HREF=Direccin del Video></A>

se seleccione automticamente. INPUT TYPE=Submit Utilizada para crear un botones de inicio dentro de la Etiqueta <FORM>. Dentro de VALUE ? es reemplazado con la palabra que aparecer en el botn. INPUT TYPE=Reset Utilizada para crear un botones de reinicio dentro de la Etiqueta <FORM>. Dentro de VALUE ? es reemplazado con la palabra que aparecer en el botn. Esta etiqueta es utilizada para utilizar un sonido de fondo una vez que se active la pagina WEB. Puede colocarse en <HEAD> o <BODY> no se recomienda ser muy utilizada ya que hace que la pgina sea muy lenta. Las extensiones de sonido que se pueden utilizar en Paginas WEB son: .MID, .MP3, .RA y .WAV Utilizada como atributo de BGSOUND para definir el numero de veces que se escuchar el sonido de fondo n tomar el valor de las veces que queremos que se escuche el sonido de fondo, Si queremos que no deje de escucharse el sonido de fondo se coloca -1 INFINITE Etiqueta utilizada para indicar donde se encuentra el sonido que se quiere agregar a una pgina. Por medio de esta etiqueta el sonido podr ser activado por el usuario a travs de un click o una imagen. Etiqueta utilizada para indicar donde se encuentra el video que se quiere agregar a una pgina. Por medio de esta etiqueta el video podr ser activado por el usuario a travs de un click o una imagen. Las extensiones de video que se pueden utilizar en una Pgina WEB son: .AVI, .MPEG, .MPG y .MOV

FIN!!!!!!

Paginas WEB y Nuevas Tecnologas Ing. Fabiola de la Cruz