GL Osario Tags

Glosario Tags HTML
Tecnologa de la informacin http://www.unav.es/dpp/tecnologia/
ETIQUETAS DE HTML
Glosario Tags Html
MARCAS BSICAS <html></html> Al principio y al final de todo documento. <head> </head> Cabecera del documento. Dentro del head se ponen las etiquetas: <title> </title> indica el ttulo de la pgina para el navegador. <meta> permite aportar metainformacin al documento, para su mejor identificacin e indexacin por los motores de bsqueda. Hay distintos tipos: <meta name="description" content="Frase descriptiva de los contenidos de la pgina"> <meta name="keywords" content="Palabras clave que resuman la temtica de los contenidos de la pgina> <meta name="author" content="Nombre/s del autor/es de la pgina"> Tras cerrar el head el se pone la etiqueta: <body> </body> Dentro de esta etiqueta se insertan los contenidos del documento El cierre de la etiqueta </body> se coloca justo antes del cierre </html> PROPIEDADES DE LA PGINA La etiqueta <body> puede llevar incluida informacin sobre las propiedades de la pgina: <body bgcolor="#xxyyzz"> define el color de fondo de la pgina. <body text="#xxyyzz"> define el color por defecto del texto en la pgina. <body link="#xxyyzz"> define el color de los enlaces. <body vlink="#xxyyzz"> define el color de los enlaces visitados. <body alink="#xxyyzz"> define el color de los enlaces activos. <body background="imagen.gif"> establece una imagen para el fondo de la pgina. Todos estos parmetros se pueden agrupar en una nica etiqueta <body>: <body bgcolor="#xxyyzz" text="#xxyyzz" link="#xxyyzz" vlink="#xxyyzz" alink="#xxyyzz">  Sirve para anotar aclaraciones 'privadas' del autor de la pgina. Lo que se escribe dentro de esta etiqueta es ignorado por el navegador y no se muestra en la pgina. FORMATO DE TEXTOS negrita (tambin sirve la etiqueta ) cursiva (tambin sirve la etiqueta ) subrayado marca el tamao de los caracteres, donde X es un valor del 1 a 7, o un valor relativo (+ 1-7). define el color del texto, donde XXYYZZ es un valor formado por letras y nmeros que indica el color. determina el tipo de la fuente. La etiqueta puede incluir los tres parmetros (tamao, fuente y color): <pre> preformateado. Respeta espacios, saltos de lnea y los retornos utilizados. <blink> hace parpadear el texto (no para Explorer)
Glosario Tags HTML

Tecnologa de la informacin http://www.unav.es/dpp/tecnologia/ FORMATO DE PRRAFOS salto de prrafo salto de lnea <blockquote> </blockquote> sangrado. <center> centrar el texto. prrafo centrado. prrafo alineado a la izquierda. prrafo alineado a la derecha. CREACIN DE LISTAS Lista no numerada: <ul> <li>primer elemento de la lista</li> <li>segundo elemento de la lista</li> <li>tercer elemento de la lista</li> </ul> cierra lista lista numerada: <ol> <li>primer elemento de la lista</li> <li>segundo elemento de la lista</li> </ol> cierra lista. lista de glosario o definicin: <dl> <dt>trmino que se va a definir</dt> <dd>definicin del trmino</dd> </dl> cierra lista. LNEAS HORIZONTALES SEPARADORAS <hr> lnea horizontal. <hr width="x%"> anchura de la lnea en porcentaje. <hr width=x> anchura de la lnea en pxeles. <hr size=x> altura de la lnea en pxeles. <hr align=center> lnea alineada en el centro. <hr align=left> lnea alineada a la izquierda. <hr align=right> lnea alineada a la derecha. <hr noshade> lnea sin efecto de sombra. IMGENES <img src="direccin de la imagen "> indica la ruta de la imagen. <img ... border=X"> establece un borde de X pixels en torno a la imagen. <img ... height="XX" width="YY"> establece un tamao de la imagen (altura y anchura) en pixels. <img ... alt="texto explicativo"> se muestra un texto al pasar el cursorsobre la imagen. <img ... align="bottom"> alineacin inferior del texto respecto de la imagen. <img ... align="middle"> alineacin del texto en el medio de la imagen. <img ... align="top"> alineacin superior del texto respecto de la imagen. <img ... align="left"> alineacin izquierda de la imagen en el prrafo. <img ... align="right"> alineacin derecha de la imagen en el prrafo. <img ... hspace=X> espacio horizontal entre la imagen y el texto.
</tr> <tr> IMGENES <td>primera columna de la fila 2</td> <td>segunda columna de la "> indica la ruta de la imagen. <img src="direccin de la imagen fila 2</td> <td>tercera <img ... border=X"> establece un borde de X pixels en torno a la imagen. Glosario Tags HTML columna de la fila 2</td> </tr> <img ... height="XX" width="YY"> establece un tamao de la imagen (altura y </table> en pixels. anchura) <img ... alt="texto explicativo"> se muestra un texto al pasar el cursorsobre la <td rowspan="2"> </td> une dos celdas de dos filas adyacentes, en una imagen. nica celda. <img ... align="bottom"> alineacin inferior del texto respecto de la imagen. <td colspan="2"> </td> une dos texto en el medio de la imagen. <img ... align="middle"> alineacin del celdas de dos columnas adyacentes en una sola celda. <img ... align="top"> alineacin superior del texto respecto de la imagen. <img ... align="left"> alineacin izquierda de la imagen en el prrafo. Dentro de cada celda se alineacin derecha de la cualquier contenido, cambiar el <img ... align="right"> puede alinear el texto o imagen en el prrafo. color de fondo, con las etiquetas habituales paraimagenprrafos o imgenes. <img ... hspace=X> espacio horizontal entre la texto, y el texto. <img ... vspace=y> espacio vertical entre la imagen y el texto. CREACIN DE ENLACES <a href=http://www.servidor.com/directorio/pagina.htm>Enunciado del enlace</a> <a href=mailto:direccin de mail> Vnculo a una direccin de correo-e. <a name=marcador> define un marcador (ancla) en un punto concreto de una pgina, para poder enlazarlo posteriormente. <a href=#marcador> dirige un enlace interno al punto dnde est el marcador. <a href=direccin pgina#marcador> dirige el enlace a un punto concreto de otra pgina. Dentro del a href: target="_blank" Abre la pgina en un nuevo navegador. target=_top Abre la pgina en toda la pantalla para evitar los frames. title=texto descriptivo del enlace permite incluir una descripcin del destino del enlace

GL Osario Tags

Î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

GL Osario Tags

Încărcat de

Drepturi de autor:

Formate disponibile

Glosario Tags HTML

Tecnologa de la informacin http://www.unav.es/dpp/tecnologia/

Glosario Tags HTML

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