Principales etiquetas Html

Donmuerte · Publicado: Vie May 20, 2005 8:17 am **Asunto**: Principales etiquetas Html

Yo que siempre me ha interesado la creacion de paginas web y he "trabajado" un poco el tema, he tenido que utilizar muchas veces etiquetas html para darle mas vistosidad a los textos, saltos de linea, negritas....
Aqu? os dejo, por si os puede interesar, una lista de las principales etiquetas html

Puesta en forma de los caracteres

<B>...</B> Texto en negrita
<BIG>...</BIG> Ampliaci?n del tama?o de los caracteres
<BLINK>...</BLINK> Texto parpadeante (Netscape solo)
<EM>...</EM> Texto en it?lico
<FONT color="#XXXXXX">
...</FONT> Texto en color donde
XXXXXX es un valor hexadecimal
<FONT size=X>...</FONT> Tama?o de los caracteres donde
X es un valor de 1 a 7
<I>...</I> Texto en it?lico
<NOBR>...</NOBR> Impide las rupturas autom?ticas
de l?nea de los browser
<PRE>...</PRE> Texto preformateado, o sea con una visualizaci?n
de todos los espacios y saltos de l?nea
<SMALL>...</SMALL> Reducci?n del tama?o de los caracteres
<STRONG>...</STRONG> Puesta en negrita del texto
<SUB>...</SUB> Texto en indicio
<SUP>...</SUP> Texto en exponente
<U>...</U> Texto subrayado

Puesta en forma del texto

 Comentarios ignorado por el navegador
<BR> A la l?nea
<BLOCKQUOTE>...
</BLOCKQUOTE> Citaci?n (introduce un retracto de texto)
<CENTER>...</CENTER> Centra cada elemento comprendido en la etiqueta
<DIV align=center> ...</DIV> Centra el elemento encuadrado por la etiqueta
<DIV align=left> ...</DIV> Alinea el elemento a la izquierda
<DIV align=right> ...</DIV> Alinea el elemento a la derecha
<Hx>...</Hx>
<Hx align=center>...</Hx>
<Hx align=left>...</Hx>
<Hx align=right>...</Hx> T?tulo o x tiene un valor de 1 ? 7
T?tulo centrado
T?tulo alineado a la izquierda
Titulo alineado a la derecha
<P>...</P>
<P align=center>...</P>
<P align=left>...</P>
<P align=right>...</P> Nuevo p?rrafo
P?rrafo centrado
P?rrafo alineado a la izquierda
P?rrafo alineado a la derecha

Listas

<UL>
<LI>
</UL> Lista no numerada
Elemento de lista
<OL>
<LI>
</OL> Lista numerada
Elemento de lista
<DL>
<DT>...</DT>
<DD>...</DD>
</DL> Lista de glosario
Termino de glosario (sin retracto)
Explicaci?n del termino (con retracto)

Rayas

<HR> L?nea de separaci?n. Raya horizontal
<HR width="x%"> Anchura de la raya en %
<HR width=x> Anchura de la raya en pixeles
<HR size=x> Altura de la raya en pixeles
<HR align=center>
<HR align=left>
<HR align=right> Raya centrada
Raya alineada a la izquierda
Raya alineada a la derecha
<HR noshade> Raya sin efecto de sombreado

Enlaces

<A href="http://...">...</A> Enlace hacia una p?gina Web
<A href="mailto:...">...</A> Enlace hacia una direcci?n Email
<A href="fichier.htm">...</A> Enlace hacia la p?gina fichero.htm
situada en el mismo directorio
<A name="xyz">...</A> Definici?n de una ancla
<A href="xyz">...</A>
<A href="fichier#xyz">...</A> Enlace hacia una ancla

Imagenes

<IMG scr="xyz.gif">
<IMG scr="xyz.pjg> Inserci?n de una imagen al formato Gif o Jpg
(ver enlaces para la direcci?n)
<IMG ... width=x height=y> Puesta a la escala de la imagen en pixeles
<IMG ... border=x> Definici?n del borde de una imagen con un enlace
<IMG ... alt="votre texte"> Texto alternativo cuando la imagen no esta mostrada
<IMG ... align=bottom>
<IMG ... align=middle>
<IMG ... align=top>
<IMG ... align=left>
<IMG ... align=right>
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
<IMG ... hspace=x>
<IMG ... vspace=y> Espaciamiento horizontal entre la imagen y el texto Espaciamiento vertical entre la imagen y el texto

Tablas

<TABLE>...</TABLE> Definici?n de una tabla
<TABLE width="x%"> Anchura de la tabla en %
<TABLE width=x> Anchura de la tabla en pixeles
<TABLE border=x> Anchura del borde
<TABLE cellpadding=x> Espacio entre el borde y el texto
<TABLE cellspacing=x> Espesor de la raya entre las celdas
<TR>...</TR> L?nea de la tabla
<TD>...</TD> Celda de la tabla
<TD bgcolor="#XXXXXX"> Color de una celda de la tabla
<TD width="x%">
<TD width=x> Anchura de columna en %
Anchura de columna en pixeles
<TD align=center>
<TD align=left>
<TD align=right> Texto centrado en la celda
Texto alineado a la izquierda en la celda
Texto alineado a la derecha en la celda
<TD valign=bottom>
<TD valign=middle>
<TD valign=top> Alineaci?n hacia arriba del contenido de la celda Centrado vertical del contenido de una celda
Alineaci?n hacia el bajo del contenido de la celda
<TD colspan=x>
<TD 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%,..."> Divisi?n horizontal de la ventana en %
<FRAMESET cols="x%,y%,..."> Divisi?n vertical de la ventana en %
<FRAME src="fichier.htm"> Fichero mostrado en una ventana de frames
<NOFRAMES>...</NOFRAMES> Contenido para los browser no previstos para los frames

Fichero Html

<HTML>...</HTML> Principio y fin del fichero Html
<HEAD>...</HEAD> Zona de encabezamiento de un fichero Html
<TITLE>...</TITLE> Titulo visualizado por el browser (elemento de HEAD)
<BODY>...</BODY> Principio y fin del cuerpo del fichero Html
<BODY bgcolor="#XXXXXX"> Color del fondo (en hexadecimal)
<BODY background="xyz.gif"> Imagen del fondo

Lorien · Publicado: Vie May 20, 2005 11:56 am **Asunto**:

muy buena informacion donm asi a muchos nos sirve de repaso k uff algunas ya me toca volverlas a mirar

_________________

Pincha si kieres k te Muerda!!

kc · Publicado: Vie May 20, 2005 1:10 pm **Asunto**:

Muy buena info.

Arielazo · Comenzando Registrado: Apr 25, 2005 Mensajes: 14

De lujo!. Se agradece!.