Lista de Etiquetas para HTML

PRINCIPALES ETIQUETAS HTML
FICHERO HTML
<HTML>
Principio del fichero Html
<HEAD>
Zona de encabezamiento de un fichero Html
<TITLE>...</TITLE>
Titulo del documento se visualizara en el Explorer
</HEAD>
<BODY>
</BODY>
</HTML>
Principio y fin del cuerpo del fichero Html

Fin del fichero Html
ATRIBUTOS PARA BODY:

bgcolor="color"
Color del fondo
text=fuente
Tipo de letra de toda la pagina
background="imagen. extension"
Imgen de fondo
EJEMPLOS: <BODY BGCOLOR=YELLOW TEXT=ARIAL>

<BODY BACKGROUND=IMAGEN.JPG>
FORMATO DE TEXTO
...
 ....
Texto en negrita
Etiqueta PARA DAR formato al texto
ATRIBUTOS :
color="X
Texto en color donde X es un valor hexadecimal o

escrito en ingles
size=X
Tamao de los caracteres donde X es un valor
face=X
Tipo de fuente
EJEMPLOS: HOLA 

La palabra HOLA ser de color rojo, tamao 7 y tipo de letra arial. 
...
Texto en itlico
...
Texto como subindice
...
Texto como superindice
...
Texto subrayado

Comentarios ignorado por el navegador
 
<CENTER>...</CENTER>
Salto de lnea (funciona como ENTER)

Centra cada elemento comprendido en la etiqueta
<STRIKE> ...</STRIKE>
Muestra el texto tachado
<Hx>..</Hx>
Ttulo o encabezado x tiene un valor de 1 al 6
ATRIBUTOS:
align=center
align=left
align=right
Ttulo centrado
Ttulo alineado a la izquierda
Titulo alineado a la derecha
...
Nuevo prrafo
ATRIBUTOS:
align=center
align=left
align=right
Prrafo centrado
Prrafo alineado a la izquierda
Prrafo alineado a la derecha
LISTAS
<UL>
<LI>
</UL>
Lista no numerada (desordenada)

Elemento de lista
<OL>
<LI>
</OL>
Lista numerada (Ordenada)

Elemento de lista
<DL>
<DT>...</DT>
<DD>...</DD>
</DL>
Lista de glosario
Termino de glosario (sin retracto)
Explicacin del termino (con retracto)
RAYAS (SEPARADORES)
<HR></HR>
Lnea de separacin. Raya horizontal
<HR width="x"></HR>
Anchura de la raya
<HR size=x></HR>
Altura de la raya
<HR align=center></HR>
<HR align=left></HR>
<HR align=right></HR>
Raya centrada
Raya alineada a la izquierda
Raya alineada a la derecha
<HR noshade>
Raya sin efecto de sombreado
MARQUESINAS
<marquee>.</marquee>
ATRIBUTOS:
behavior=alternate
behavior=scroll
behavior=slide
Nos da movimiento a un texto
El texto rebota en los bordes de la marquesina

El texto aparece y desaparece en los bordes de la
marquesina.
El texto se desliza de un extremo de la marquesina
y se detiene
height="50"
width="400"
BGCOLOR="color>
direction="right, left, up, down"
Nos muestra la altura de la marquesina

Nos muestra el ancho de la marquesina
Nos da un color de relleno a la marquesina
Nos da la direccin del texto en movimiento
EJEMPLO:
<MARQUEE BEHAVIOUR=ALTERNATE BGCOLOR=GREEN DIRECTION=LEFT>
Esto es un texto verde en movimiento a la izquierda </MARQUEE>
IMAGENES
<IMG src="xyz.gif">
<IMG src="xyz.jpg>
ATRIBUTOS:
width=x
height=y
border=x
align=bottom
align=middle
align=top
align=left
align=right
Insercin de una imagen al formato Gif o Jpg
Puesta a la escala de la imagen ancho y alto

Definicin del borde de una imagen
Alinea la imagen abajo
Alinea la imagen en el medio
Alinea la imagen arriba
Alinea la imagen a la izquierda
Alinea la imagen a la derecha
VDEO Y AUDIO <EMBED>

<EMBED></EMBED>
<embed src="Direccion del video o del archivo de audio">
ATRIBUTOS:
autostart indica si el archivo se reproducir automticamente al cargarse la pgina, y
puede tomar los valores true o false.
loop indica si el archivo se reproducir continuamente en un bucle, y tambin puede
tomar los valores true o false.
width (anchura) y height (altura) sirven para especificar el tamao de la consola de
control de vdeo.
Ejemplo:
<embed src="varios/cotorra.avi" autostart="false" loop="true"></embed>
LINKS (ENLACES)
<A href="http://...">...</A>
Enlace hacia una pgina Web
<A href="mailto:...">...</A>
Enlace hacia una direccin Email
<A href="fichier.htm">...</A>
Enlace hacia otra pgina web llamada fichero.htm

situada en el mismo directorio
<A href="#xyz">...</A>
<A name="xyz">...</A>
Enlace hacia una ancla dentro de la misma pagina
TABLAS
<TABLE>...</TABLE>
Definicin de una tabla
ATRIBUTOS:
width="x%"
border=x
cellpadding=x
cellspacing=x
Anchura de la tabla
Anchura del borde
Espacio entre el borde y el texto
Espesor de la raya entre las celdas
<TR>...</TR>
<TD>...</TD>
Filas de la tabla
Celda (columnas) de la tabla
ATRIBUTOS:
bgcolor="#XXXXXX"
width=x
align=center
align=left
align=right
Color de una celda de la tabla

Anchura de columna
Texto centrado en la celda
Texto alineado a la izquierda en la celda
Texto alineado a la derecha en la celda
valign=bottom
valign=middle
valign=top
Alineacin hacia arriba del contenido de la celda

Centrado vertical del contenido de una celda
Alineacin hacia el bajo del contenido de la celda
colspan=x
rowspan=x
Numero de celdas para fusionar horizontalmente

Numero de celdas para fusionar verticalmente
FRAMES
<FRAMESET>...</FRAMESET>
Define una estructura de frames

(reemplaza la etiqueta BODY)
<FRAMESET rows="x %, y %,...">
Divisin horizontal de la ventana en %
<FRAMESET cols="x %, y %,...">
Divisin vertical de la ventana en %
<FRAME src="fichier.htm">
<FRAME src="http ://................">
Pagina html mostrado en cualquier ventana

Pagina externa mostrada en cualquier ventana

Lista de Etiquetas para HTML

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Lista de Etiquetas para HTML

Încărcat de

Drepturi de autor:

Formate disponibile

PRINCIPALES ETIQUETAS HTML

Principio del fichero Html

Zona de encabezamiento de un fichero Html

Titulo del documento se visualizara en el Explorer

Principio y fin del cuerpo del fichero Html

ATRIBUTOS PARA BODY:

Color del fondo

Tipo de letra de toda la pagina

EJEMPLOS: <BODY BGCOLOR=YELLOW TEXT=ARIAL>

Texto en color donde X es un valor hexadecimal o

Tamao de los caracteres donde X es un valor

EJEMPLOS: <FONT COLOR=RED SIZE=7 FACE=ARIAL> HOLA </FONT>

Texto como subindice

Texto como superindice

Comentarios ignorado por el navegador

Salto de lnea (funciona como ENTER)

Muestra el texto tachado

Ttulo o encabezado x tiene un valor de 1 al 6

Lista no numerada (desordenada)

Lista numerada (Ordenada)

Lnea de separacin. Raya horizontal

Raya sin efecto de sombreado

Nos da movimiento a un texto

El texto rebota en los bordes de la marquesina

Nos muestra la altura de la marquesina

Insercin de una imagen al formato Gif o Jpg

Puesta a la escala de la imagen ancho y alto

VDEO Y AUDIO <EMBED>

<embed src="varios/cotorra.avi" autostart="false" loop="true"></embed>

Enlace hacia una pgina Web

Enlace hacia una direccin Email

Enlace hacia otra pgina web llamada fichero.htm

Enlace hacia una ancla dentro de la misma pagina

Definicin de una tabla

Color de una celda de la tabla

Alineacin hacia arriba del contenido de la celda

Numero de celdas para fusionar horizontalmente

Define una estructura de frames

<FRAMESET rows="x %, y %,...">

Divisin horizontal de la ventana en %

<FRAMESET cols="x %, y %,...">

Divisin vertical de la ventana en %

Pagina html mostrado en cualquier ventana

S-ar putea să vă placă și