Sie sind auf Seite 1von 9

Ramrez Del Pilar Jazmn Amrica.

2IM14

Qu es el lenguaje HTML? El lenguaje HTML es un lenguaje de marcas, estas marcas sern fragmentos de texto destacado de una forma especial que permiten la definicin de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y sern la base principal del lenguaje HTML. En documento HTML ser un fichero texto con etiquetas que variarn la forma de su presentacin. Qu es una etiqueta HTML? Una etiqueta ser un texto incluido entre los smbolos menor que < y mayor que >.. El texto incluido dentro de los smbolos ser explicativo de la utilidad de la etiqueta. Por ejemplo: <B> Letra Negrita, del ingls Bold (negrita).

<TABLE> Definir una tabla. <IMG> Inclusin de una IMaGen.

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendr el mismo texto que la de inicio aadindole al principio una barra inclinada /. El efecto que define la etiqueta tendr validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML. Todo texto que se encuentre entre los caracteres < y > se considerar una etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no ser tenida en cuenta, sin causar ningn tipo de error. Dejndose el texto o las etiquetas a las que afectaba como si no existiera la etiqueta extraa. Cuando se comete un error sintctico al expresar una etiqueta o un atributo no se producir ningn error, simplemente no de obtendr el efecto que desebamos. El lenguaje HTML es un lenguaje que evoluciona muy rpidamente y cada nueva versin de los programas navegadores presenta etiquetas nuevas que causan efectos ms espectaculares o atributos nuevos de las etiquetas ya existentes. Esto causa que los programas ms antiguos no entiendan estas nuevas etiquetas y por tanto las considere errneas y no realice la accin que desebamos. Dndose el caso de atributos que son validos solo para un nico navegador.

Ramrez Del Pilar Jazmn Amrica. 2IM14

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>

Ramrez Del Pilar Jazmn Amrica. 2IM14

<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. Sonido de Fondo.

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></TD< tr>

<EMBED>

NO Netscape</TD< tr>

<FONT>

Definicin de la fuente. Para ingreso de datos del

</FONT>

<FORM>

</FORM>

Ramrez Del Pilar Jazmn Amrica. 2IM14

usuario en un formulario. <H1 ...H6> Tamao de letras del 1 al 6. HTML 3.0: LEFT, CENTER, RIGHT </H1 .../H6>

<HEAD>

BASE, TITLE, Encabezamiento ISINDEX, NEXTID, del documento. META NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR HEAD, BODY Ninguno ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE

</HEAD>

<HR>

Lnea horizontal.

NO

<HTML> <I>

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

</HTML> </I>

<IMG>

Cargar imgenes.

NO

<INPUT>

TYPE, NAME, Define un objeto VALUE, SIZE, de ingreso en un MAXLENGHT, formulario. ALIGN, SRC, CHECKED 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

</INPUT>

<ISINDEX>

Netscape: PROMPT

NO

<ISMAP>

Ninguno

NO

<KBD> <LI> <LISTING>

Ninguno Netscape: VALUE, TYPE Ninguno. Obsoleto.

</KBD> NO </LISTING>

Ramrez Del Pilar Jazmn Amrica. 2IM14

<LIT>

Literal. Como PRE, pero usa letra proporcional.

Ninguno

</LIT>

<MARQUEE>

Marquesina.

ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, </MARQUEE> HEIGHT, WIDTH, Internet Explorer HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY. Ninguno EQUIV, CONTENT, NAME </MENU> NO

<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.

<NEXTID>

NO

NO

<NOBR>

Ninguno

NO

<OL>

TYPE, START, VALUE.

</OL>

<OPTION>

VALUE, SELECTED VALUE

NO

<P>

Ninguno LEFT, CENTER, RIGHT Ninguno. Obsoleto.

NO

<P ALIGN> <PLAINTEXT>

</P> </PLAINTEXT>

<PRE>

WIDTH

</PRE>

Ramrez Del Pilar Jazmn Amrica. 2IM14

<S> <SAMP>

Texto tachado. Formato tipo ejemplo. Para seleccin de opciones dentro de un formulario. Disminuye el tamao. Formato enfatizado ms fuerte que <EM>. Subndice. Superndice.

Ninguno Ninguno

</S> </SAMP>

<SELECT>

NAME, SIZE, MULTIPLE

</SELECT>

<SMALL>

Ninguno

</SMALL>

<STRONG>

Ninguno

</STRONG>

<SUB> <SUP>

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

</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.

ROWSPAN, COLSPAN, ALIGN, VALIGN, </TH> NOWRAP, HEIGHT, WIDTH Ninguno ALIGN, VALIGN </TITLE> </TR>

<TITLE> <TR>

Ttulo dentro de HEAD. Fila de una Tabla.

Ramrez Del Pilar Jazmn Amrica. 2IM14

<TT>

Formato tipo mquina. Lista no ordenada, con elementos marcados con <LI> . Formato tipo variable. Se usa con NOBR para una seccin que deba ser separada. Similar a PRE.

Ninguno

</TT>

<UL>

COMPACT, TYPE

</UL>

<VAR>

Ninguno

</VAR>

<WBR>

Ninguno

NO

<XMP>

Ninguno

</XMP>

Atributos Nombre HREF<A> Etiqueta Direccin del URL local o remoto. Accin href="www.hp.com" Nmero de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1. Nombre del archivo de sonido (Internet Explorer) Nmero de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1. Nombre del archivo de sonido (con Crescendo) Nombre del grfico <IMAGE> Nombre que reemplaza a la imgen cuando sta Valor

LOOP <BGSOUND> SRC

loop=infinite

src="sonido.wav"

LOOP <EMBED> SRC SRC ALT

loop=-1

src="sonido.mid" src="imagen.gif" alt="Nombre de Imgen"

Ramrez Del Pilar Jazmn Amrica. 2IM14

no puede ser cargada. BGCOLOR BACKGROUND TEXT LINK VLINK ALINK <CAPTION> dentro de <TABLE> <BODY> Color de fondo Imgen de fondo Color del texto Color de vnculo Color de vnculo visitado Color de vnculo presionado Colocar ttulo arriba (TOP) o debajo (BOTTOM) de la tabla. bgcolor="#FFFFFF" (blanco) background="foto.gif" text="#000000" (negro) link="#0000FF" (azul) vlink="#FF0000" (rojo) alink="#00FF00" (verde)

ALIGN

align=top

ALIGN

<H1..H6>, <P Alinear el texto: ALIGN>, <TD>, LEFT, RIGHT, <TH>, <TR>, 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 a 7 <FONT> Color de la letra Fuente del texto (Internet Explorer) <EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH> <TABLE> Valor de la altura en pixels o porcentaje Valor del ancho en pixels o porcentaje Borde y ancho del borde en la tabla

align=center

ALIGN

align=center

SIZE WIDTH SIZE COLOR FACE HEIGHT WIDTH BORDER

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

Ramrez Del Pilar Jazmn Amrica. 2IM14

CELLPADDING

Espacio entre el borde y 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

cellpadding=10

CELLSPACING

cellspacing=3

HEIGHT WIDTH COLSPAN ROWSPAN

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

Estas son las etiquetas ms importantes de HTML. <html></html> Crea un documento HTML <head></head> Stea el ttulo y otra informacin que no se visualizar en la pgina web <body></body> Setea la parte visible de la pgina <title></title> Pone el nombre del documento en la barra del ttulo

Bibliografa: http://www.tecnun.es/asignaturas/informat1/ayudainf/cursohtml/curso01.htm http://www2.uca.es/manual-html/etiquet.htm http://crismattweb.tripod.com/guiahtml/etiqueta.html

Das könnte Ihnen auch gefallen