HTML

QUE ES?
Siglas de HyperText Markup Language (lenguaje de marcado de hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web. .

Para qu sirve?
Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>). HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.1

Las principales etiquetas en HTML

<B></B> <BIG></BIG> <BLINK></BLINK> <EM></EM> <FONT color="#XXXXXX"> </FONT> <FONT size=X></FONT> <I></I> <NOBR></NOBR> Texto en negrita Ampliacin del tamao de los caracteres Texto parpadeante (Netscape solo) Texto en itlico Texto en color donde XXXXXX es un valor hexadecimal Tamao de los caracteres donde X es un valor de 1 a 7 Texto en itlico Impide las rupturas automticas de lnea de los browser

<NOBR></NOBR>

Impide las rupturas automticas de lnea de los browser Texto preformateado, o sea con una visualizacin de todos los espacios y saltos de lnea

<PRE></PRE>

<SMALL></SMALL>

Reduccin del tamao de los caracteres Puesta en negrita del texto Texto en indicio Texto en exponente Texto subrayado

<STRONG></STRONG> <SUB></SUB>

<SUP></SUP> <U></U> Puesta en forma del texto

<!> <BR>

Comentarios ignorado por el navegador A la lnea Citacin (introduce un retracto de texto) Centra cada elemento comprendido en la etiqueta Centra el elemento encuadrado por la etiqueta Alinea el elemento a la izquierda Alinea el elemento a la derecha Ttulo o x tiene un valor de 1 7 Ttulo centrado Ttulo alineado a la izquierda Titulo alineado a la derecha Nuevo prrafo Prrafo centrado

<BLOCKQUOTE> </BLOCKQUOTE>

<CENTER></CENTER>

<DIV align=center> </DIV> <DIV align=left> </DIV> <DIV align=right> </DIV>

<Hx></Hx> <Hx align=center></Hx> <Hx align=left></Hx> <Hx align=right></Hx> <P></P> <P align=center></P>

<P align=left></P> <P align=right></P>

Prrafo alineado a la izquierda Prrafo alineado a la derecha

Listas <UL> <LI> </UL> <OL> <LI> </OL>

Lista no numerada Elemento de lista

Lista numerada Elemento de lista Lista de glosario Termino de glosario (sin retracto) Explicacin del termino (con retracto)

<DL> <DT></DT> <DD></DD> </DL> Rayas

<HR> <HR width="x%">

Lnea de separacin. Raya horizontal Anchura de la raya en % Anchura de la raya en pixeles Altura de la raya en pixeles Raya centrada Raya alineada a la izquierda Raya alineada a la derecha Raya sin efecto de sombreado

<HR width=x>

<HR size=x>

<HR align=center> <HR align=left> <HR align=right>

<HR noshade> Enlaces <A href="http://"></A> <A href="mailto:"></A> <A

Enlace hacia una pgina Web Enlace hacia una direccin Email Enlace hacia la

href="fichier.htm"></A>

pgina fichero.htm situada en el mismo directorio Definicin de una ancla

<A name="xyz"></A> <A href="xyz"></A> <A href="fichier#xyz"></A> Imagenes

Enlace hacia una ancla

<IMG scr="xyz.gif"> <IMG scr="xyz.pjg>

Insercin de una imagen al formato Gif o Jpg (ver enlaces para la direccin) Puesta a la escala de la imagen en pixeles Definicin del borde de una imagen con un enlace Texto alternativo cuando la imagen no esta mostrada 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

<IMG width=x height=y>

<IMG border=x>

<IMG alt="votre texte">

<IMG align=bottom> <IMG align=middle> <IMG align=top> <IMG align=left> <IMG align=right>

derecha Espaciamiento horizontal entre la imagen y el texto Espaciamiento vertical entre la imagen y el texto

<IMG hspace=x> <IMG vspace=y> Tablas

<TABLE></TABLE> <TABLE width="x%">

Definicin de una tabla Anchura de la tabla en % Anchura de la tabla en pixeles Anchura del borde Espacio entre el borde y el texto Espesor de la raya entre las celdas Lnea de la tabla Celda de la tabla Color de una celda de la tabla Anchura de columna en % Anchura de columna en pixeles Texto centrado en la celda Texto alineado a la izquierda en la celda Texto alineado a la derecha en la celda Alineacin hacia arriba del contenido de la celda Centrado

<TABLE width=x> <TABLE border=x> <TABLE cellpadding=x> <TABLE cellspacing=x> <TR></TR> <TD></TD> <TD bgcolor="#XXXXXX">

<TD width="x%"> <TD width=x>

<TD align=center> <TD align=left> <TD align=right> <TD valign=bottom> <TD valign=middle> <TD valign=top>

vertical del contenido de una celda Alineacin hacia el bajo del contenido de la celda Numero de celdas para fusionar horizontalmente Numero de celdas para fusionar verticalmente

<TD colspan=x> <TD rowspan=x> Frames

<FRAMESET></FRAMESET>

Define una estructura de frames (reemplaza la etiqueta BODY) Divisin horizontal de la ventana en % Divisin vertical de la ventana en % Fichero mostrado en una ventana de frames Contenido para los browser no previstos para los frames

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

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

<FRAME src="fichier.htm">

<NOFRAMES></NOFRAMES> Fichero Html

<HTML></HTML>

Principio y fin del fichero Html

<HEAD></HEAD>

Zona de encabezamiento de un fichero Html Titulo visualizado por el browser (elemento de HEAD) Principio y fin del cuerpo del fichero Html Color del fondo (en hexadecimal)

<TITLE></TITLE>

<BODY></BODY> <BODY bgcolor="#XXXXXX"> <BODY background="xyz.gif">

Imagen del fondo

Atributos La mayora de los atributos de un elemento son pares nombre-valor, separados por un signo de igual = y escritos en la etiqueta de comienzo de un elemento, despus del nombre de ste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML).8 9 De todas maneras, dejar los valores sin comillas es considerado poco seguro.10 En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia11 (tal como el atributo ismap para el elementoimg).12

Que es dreamweaver?
Adobe Dreamweaver es una aplicacin en forma de estudio (basada en la forma de estudio de Adobe Flash

Para que funciona?

Adobe Dreamweaver permite crear sitios de forma totalmente grfica, y dispone de funciones para acceder al cdigo HTML generado. Permite la conexin a un servidor, a base de datos, soporte para programacin en ASP, PHP, JavaScript, cliente FTP integrado, etc.