Algunos TAGS importantes


A cotinuación se muestra una lista de los TAGS más importantes. Algunos TAGS tienen atributos, los cuales tienen la siguiente sintaxis:

< Nombre_del_TAG Nombre_del_Atributo="Valor_del_atributo" > ...
Un TAG puede contener varios atributos.


<!-- ... Comentarios ... --> Aunque no es propiamente un TAG, es muy útil al escribir código. Todo lo que se escriba en este "TAG" no aparece en la página. Es una herramienta para el diseñador de HTML.

Ej:
<!-- Esto no aparece en la página -->

<A> ... </A> Anchor: Es el TAG principal de hipertexto. Apunta a un "link", ya sea a una página o a una parte de una página(atributo href). También sirve para delinitar el destino dentro de una página (atributo name).

Ej:
<A href="http://www.geocities.com/roflo1/"> Link a mi página </A>

<B> ... </B> Bold: Cambia el texto dentro del TAG a Negritas

<BLOCKQUOTE> ... </BLOCKQUOTE> Blockquote: Indenta (Tab) el texto encerrado por los TAGS

<BODY> ... </BODY> Body: Define el principio y fin del cuerpo de la página. También define algunas características predeterminadas del formato de la página. Por mencionar algunas propiedades: text, link, vlink, bgcolor, background..

Ejemplo:
<BODY background="mifoto.jpg" text="blue" link="red"> ... </BODY>

<BR> Break: Introduce un cambio de línea (HTML ignora los "enters"..)

<CENTER> ... </CENTER> Center: Alinea al centro el texto dentro de los TAGS

<FONT> ... </FONT> Font: Este TAG nos permite definir algunos atributos de una selección de texto. Estos atributos pueden ser: tamaño (size), color (color), tipografía (face).

Ej:

<FONT face="Arial" color="red" size="+2"> Texto con tipografía "Arial", en color rojo y tamaño incrementado en 2 puntos </FONT>

<HEAD> ... </HEAD> Head: Delimita el área del encabezado de la página. Dentro de HEAD, va el TAG TITLE.

<HR> ... </HR> Horizontal Ruler: Dibuja una línea horizonal como separador.

<HTML> ... </HTML> HTML: Este TAG engloba toda la página HTML

<I> ... </I> Italic: El texto encerrado en los TAGS aparece en Itálicas.

<Hn> ... </Hn> Heading n: Este tag indica un encabezado (heading) predefinido. "n" es un número que va del 1 al 6, siendo el 1 el más importante.
Ejemplo:
<H1> Título 1 </h1>
<H2> Título 2 </H2>

<IMG> Image: Este tag no tiene par. Sirve para insertar una imágen en una página.
Ejemplo:
<IMG src="http://www.geocities.com/roflo1/VHDL/D511img.gif">
ó
<IMG src="../VHDL/D511img.gif">

<P> ... </P> o sólo <P> Paragraph: Actualmente este tag puede escribirse sin "cerrarse". Básicamente es un "Enter" doble, pero originalmente sirve para delimitar un párrafo. Otra opción es usarlo para delimitar la alineación del texto dentro de la página. Esto se logra con el atributo "align" del TAG P. Align puede tomar los valores right, left y center (ver tag CENTER). Si se utiliza un atributo ES NECESARIO que el tag se cierre.
Ejemplo:
<P align="right">Texto Alineado a la derecha</P>

<TITLE> ... </TITLE> Title: Este Tag indica el título de la página. En Windows, es el texto que aparece en la barra azul (normalmente) del browser.

<U> ... </U> Underline: El texto encerrado en los TAGS aparece Subrayado.


Estos sol solamente algunos de los TAGS más básicos. Otros TAGS se van a introducir en secciones más avanzadas de este Tutorial. Para más información sobre TAGS, consulta:Webmonkey CheatSheet.

Siguiente Lección: Listas

El link de esta lección es: http://flores-morones.net/geo/roflo1/HTML/tagindex.html (Se abre en toda la ventana).
<A href=izq.html>&Iacute;ndice</A>