Está en la página 1de 9

HTML, siglas de HyperText Markup Language (lenguaje de marcado de hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web.

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 (<,>).

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] HTML tambin es usado para referirse al contenido del tipo de MIME text/html o todava ms ampliamente como un trmino genrico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

PRINCIPALES ETIQUETAS DE HTML


Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta CITE CODE Con etiqueta Sin etiqueta

ADDRESS ADDRESS CITE

B: B: NEGRITA NEGRITA DFN DFN KBD STRONG S Tachado

BIG
EM SAMP SUB5

BIG EM SAMP SUB 5

CODE

I: ITALICA
SMALL

I: KBD ITALICA SMALL SUP 5 STRONG S Tachado

SUP5

TT

TT

U U VAR Subrayado Subrayado

VAR

Etiquetas
Apertura <! <A> Accin Comentario. Hipervnculo. Formato para direccin del autor. Url del autor; contexto del documento. Tamao de la fuente base. Sonido de fondo. Aumenta el tamao. Hace parpadear el texto. Atributos Ninguno HREF, NAME, REL, REV, TITLE Ninguno --> </A> Cierre

<ADDRESS>

</ADDRESS>

<BASE> <BASEFONT SIZE> <BGSOUND> <BIG> <BLINK>

HREF

</BASE>

Ninguno SRC, LOOP. Ninguno Ninguno

NO NO - Internet Explorer </BIG> </BLINK> Netscape </BLOCKQUOTE>

Da formato con <BLOCKQUOTE> sangra a un prrafo Cuerpo del documento.

Ninguno BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK CLEAR: Se utiliza en combinacin con ALIGN de IMAGE. ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER Ninguno

<BODY>

</BODY>

<BR>

Retorno de lnea.

NO

<CAPTION>

Posicin de la leyenda en una tabla. Centrar.

</CAPTION>

<CENTER>

</CENTER>

<CITE> <CODE>

Formato para citas en itlicas. Formato en tipo cdigo. Definiciones marcadas, para Lista de Definiciones <DL>. Formato en itlica. Lista de directorio, con elementos marcados con <LI>. Lista de Definiciones, con trminos marcados con <DT> y definiciones marcadas con <DD>. Trminos marcados, para Lista de Definiciones <DL>. Formato enfatizado en itlica.

Ninguno Ninguno

</CITE> </CODE>

<DD>

Ninguno

NO

<DFN<

Internet Explorer

</DFN<

<DIR>

Ninguno

</DIR>

<DL>

Ninguno

</DL>

<DT>

Ninguno

NO

<EM>

Ninguno SRC, WIDTH, HEIGHT, AUTOSTART, LOOP. SIZE, COLOR. Internet Explorer: FACE. ACTION, METHOD

</EM>

<EMBED>

Sonido de Fondo.

NO - Netscape

<FONT>

Definicin de la fuente. Para ingreso de datos del usuario

</FONT>

<FORM>

</FORM>

en un formulario. <H1 ...H6> Tamao de letras del 1 al 6. Encabezamiento del documento. HTML 3.0: LEFT, CENTER, RIGHT BASE, TITLE, ISINDEX, NEXTID, META NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR HEAD, BODY Ninguno ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED </H1 .../H6>

<HEAD>

</HEAD>

<HR>

Lnea horizontal.

NO

<HTML> <I>

Al principio y al fin de todo documento. Itlica (Cursiva).

</HTML> </I>

<IMG>

Cargar imgenes.

NO

<INPUT>

Define un objeto de ingreso en un formulario. Indica que existe un index en el server para el documento. Activa la seleccin de imgenes para el usuario. Formato monoespaciado. tem de lista. Listados Literal. Como PRE, pero usa letra

</INPUT>

<ISINDEX>

Netscape: PROMPT

NO

<ISMAP>

Ninguno

NO

<KBD> <LI> <LISTING> <LIT>

Ninguno Netscape: VALUE, TYPE Ninguno. Obsoleto. Ninguno

</KBD> NO </LISTING> </LIT>

proporcional. ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY. Ninguno EQUIV, CONTENT, NAME

<MARQUEE>

Marquesina.

</MARQUEE> Internet Explorer

<MENU> <META>

Lista men. Metainformacin ubicada en HEAD. Es un parmetro que identifica al documento. Elimina los saltos de lneas. Lista ordenada, con elementos marcados con <LI>. Opcin de seleccin dentro de un formulario. Retorno de lnea, con un espacio. Alineacin de texto. Pasaje de texto plano. Visualiza el texto en su formato original. Texto tachado. Formato tipo ejemplo. Para seleccin de

</MENU> NO

<NEXTID>

NO

NO

<NOBR>

Ninguno

NO

<OL>

TYPE, START, VALUE.

</OL>

<OPTION>

VALUE, SELECTED VALUE Ninguno LEFT, CENTER, RIGHT Ninguno. Obsoleto.

NO

<P> <P ALIGN> <PLAINTEXT>

NO </P> </PLAINTEXT>

<PRE> <S> <SAMP> <SELECT>

WIDTH Ninguno Ninguno NAME, SIZE,

</PRE> </S> </SAMP> </SELECT>

opciones dentro de un formulario. <SMALL> Disminuye el tamao. Formato enfatizado ms fuerte que <EM>. Subndice. Superndice.

MULTIPLE

Ninguno

</SMALL>

<STRONG> <SUB> <SUP>

Ninguno Ninguno Ninguno BORDER, CELLPADDING, CELLSPACING, HEIGTH, WIDTH. Internet Explorer: COLOR ALIGN, VALIGN, NOWRAP, COLSPAN, ROWSPAN, HEIGTH, WIDTH NAME, ROWS, COLS. ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH Ninguno ALIGN, VALIGN Ninguno

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

<TABLE>

Tabla.

</TABLE>

<TD>

Celdas de una fila en una tabla, dentro de <TR>. rea para ingreso de texto dentro de un formulario.

</TD>

<TEXTAREA>

</TEXTAREA>

<TH>

Ttulo de Tabla.

</TH>

<TITLE> <TR> <TT>

Ttulo dentro de HEAD. Fila de una Tabla. Formato tipo mquina. Lista no ordenada, con elementos marcados con <LI> . Formato tipo variable.

</TITLE> </TR> </TT>

<UL>

COMPACT, TYPE

</UL>

<VAR>

Ninguno

</VAR>

<WBR>

Se usa con NOBR para una seccin Ninguno que deba ser separada. Similar a PRE. Ninguno

NO

<XMP>
<A>

</XMP>

Atributos
Nombre HREF Etiqueta Direccin del URL local o remoto. Accin href="www.hp.com" Nmero de veces que se reproduce el archivo de loop=infinite sonido. Para permanente se usa INFINITE o -1. Nombre del archivo de sonido (Internet Explorer) src="sonido.wav" Valor

LOOP <BGSOUND> SRC

LOOP <EMBED> SRC SRC <IMAGE> ALT

Nmero de veces que se reproduce el archivo de loop=-1 sonido. Para permanente se usa INFINITE o -1. Nombre del archivo de sonido (con Crescendo) Nombre del grfico Nombre que reemplaza a la imgen cuando sta no puede ser cargada. Color de fondo Imgen de fondo Color del texto src="sonido.mid" src="imagen.gif" alt="Nombre de Imgen" bgcolor="#FFFFFF" (blanco) background="foto.gif" text="#000000" (negro) link="#0000FF" (azul) vlink="#FF0000" (rojo) alink="#00FF00"

BGCOLOR BACKGROUND TEXT <BODY> LINK VLINK ALINK

Color de vnculo Color de vnculo visitado Color de vnculo

presionado ALIGN <CAPTION> dentro de <TABLE> Colocar ttulo arriba (TOP) o debajo (BOTTOM) de la tabla.

(verde) align=top

ALIGN

<H1..H6>, <P ALIGN>, <TD>, Alinear el texto: LEFT, <TH>, <TR>, RIGHT, CENTER <DIV>, Alinear el texto: LEFT, RIGHT, CENTER <HR> Valor de la altura en pixels o porcentaje Valor del ancho en pixels o porcentaje Tamao de la letra de 1 a7 <FONT> Color de la letra Fuente del texto (Internet Explorer) <EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH> Valor de la altura en pixels o porcentaje Valor del ancho en pixels o porcentaje

align=center

ALIGN SIZE WIDTH SIZE COLOR FACE HEIGHT WIDTH BORDER CELLPADDING

align=center size=3 width=50% size=6 color="#000000" (negro) face="helv" (helvtica) heigth=80 width=50%

Borde y ancho del borde border=5 en la tabla Espacio entre el borde y cellpadding=10 el texto Espacio entre las lneas interna y externa del borde Valor de la altura en pixels o porcentaje Valor del ancho en pixels o porcentaje <TD> dentro de <TABLE> Expandir una celda varias columnas Expandir una celda varias filas cellspacing=3

CELLSPACING <TABLE>

HEIGHT WIDTH COLSPAN ROWSPAN

heigth=80 width=50% colspan=4 rowspan=4

Qu es dreamweaver?
Adobe Dreamweaver es una aplicacin en forma de suite (basada en la forma de estudio de Adobe Flash) que est destinada a la construccin, diseo y edicin de sitios y aplicaciones Web basados en estndares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa ms utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edicin de imgenes como para animacin a travs de su integracin con otras. Hasta la versin MX, fue duramente criticado por su escaso soporte de los estndares de la web, ya que el cdigo que generaba era con frecuencia slo vlido para Internet Explorer y no validaba como HTML estndar. Esto se ha ido corrigiendo en las versiones recientes.

Para qu sirve?
El dreamweaver es un programa principalmente para la creacin de sitios web y aplicaciones, tambin se usa para la edicin creacin de cdigo para la web. es un buen programa y muy fcil de usar yo lo utilizo para mis sitios y antes no lo saba usar no he tomado ningn curso y no necesitas saber programar para levantar un sitio completo