Para incluir
comentarios en un documento HTML que serán ignorados por el Browser estos deben
estar entre “<!--“ y “>”. Los comentarios no se pueden anidar.
Ejemplo:
<HEAD>
<TITLE>Guide:
Recommended Usage</TITLE>
<!-- Esto es un comentario y no será mostrado Id:
Text.html,v 1.6 1996/07/11 17:33:48 connolly Exp -->
</HEAD>
El elemento Anchor se
utiliza para definir un hipervínculo con otro hipertexto. (a través de este Tag
se define un “salto” desde una página de web a otra página o a otro sector de
la misma)
Este tag tiene
muchos atributos, pero siempre tiene que tener el atributo href o name.
href=”<url>”
Si el atributo
href existe, todo lo que se encuentre entre el tag <a> y </a> se
transforma en hipertexto.
Si el lector de la página WEB selecciona este hipertexto, este se mueve a otro
documento u otra parte del mismo documento.
La dirección
(URL) a donde se iría seleccionado el hipertexto se define en este atributo.
Ej:
Vea <A HREF=
"http://www.cnba.uba.ar/" > La Página del Colegio
</A> para má ;s información.
En este
ejemplo, seleccionando “La Página del colegio” lleva al lector hasta la portada
principal de nuestra página WEB.
Con el
atributo href con la forma href=”#identificador” se hace referencia a otro tag
<a> dentro de ese mismo documento (saltos dentro del mismo documento)
name=<url>
Si
está presente, el atributo name permite definir el destino de un hipervínculo.
El valor del atributo name puede ser cualquier “string” o cadena de caracteres
pero debe ser único en el documento (no se debe repetir).
Ej:
<A
NAME=coffee>Café</A>
es un ejemplo
de...
.
.
.
.
.
Un ejemplo de
esto es <A HREF=#coffee>coffee</A>.
Otro documento
puede hacer una referencia explícita a este tag poniendo el identificador después
de la dirección (URL) separado por el signo numeral “#”
<A
NAME=drinks.html#coffee>
title
El atributo
TITLE es solo informativo, si se encuentra presente, este atributo debe proveer
el título del documento al que se quiere llegar con el atributo href.
Este atributo
es útil para - por lo menos - dos cosas. El browser puede mostrar el título del
documento antes de traerlo, por ejemplo como una nota marginal (netscape) o como una pequeña caja sobre el hipertexto
cuando el mouse esta sobre él (Microsoft Internet Explorer). La otra razón es
para ver a donde nos llevan las imágenes.
Con el tag
address se puede formatear información referida a una dirección de manera
estándar entre los browsers. Típicamente,
“se renderea” como letra tipo itálica
Ej:
<ADDRESS>
Newsletter
editor<BR>
J.R.
Brown<BR>
JimquickPost
News, Jumquick, CT 01234<BR>
Tel
(123) 456 7890
</ADDRESS>
Lo
que produce :
Newsletter editor
J.R. Brown
JimquickPost News, Jumquick, CT 01234
Tel (123) 456 7890
|
En el browser.
El tag Bold
define que el texto que se encuentra dentro suyo (entre el <b> y el
</b> debe mostrarse en el browser con negritas
Ej:
El gabinete de
<b>informática</b> tiene 2 servers de
<b>archivos</b>, 1 server de <b>correo</b> y otro
server de <b>web</b>.
En el browser
debería mostrar algo así :
El
gabinete de informática
tiene 2 servers de archivos, 1 server de correo y otro server de web.
|
El elemento
base permite que se “recuerde” el URL del documento mismo en aquellas
situaciones en las que el documento se puede “salir de contexto”. El URL de los
documentos puede estar en forma relativa desde esta dirección “base”.
Donde la
dirección de base no se especifica, el browser utiliza como dirección de “base” el URL actual
para acceder a los hipervínculos.
El elemento
BASE tiene un atributo, href que identifica el URL.
Este tag es un
agregado de netscape que se utiliza para especificar el tamaño en que se basa
el tag <FONT SIZE>. Por omisión tiene un valor de 3 y puede tomar
cualquier valor entre 1 y 7.
Ej:
<BASEFONT
SIZE=5 >
Otro tag
agregado por netscape, se utiliza para hacer parpadear el texto que se
encuentra en él.
Ej:
Este texto no
parpadea <BLINK> pero este texto si lo hace !</BLINK> aunque
este tampoco.
<BLOCKQUOTE>...</BLOCKQUOTE>
Este elemento
se utiliza para resaltar citas textuales o texto extraído de otro lado.
Típicamente se renderea con una
tabulación extra y con letra tipo itálica, además de un salto de párrafo antes
y después del tag.
Ej:
De un libro de
latín sacamos la siguiente frase:<BLOCKQUOTE>Dixi, iudices,
multa signa fuisse apud omnes siculos, ego idem confirmo nunc ne unum quidem
esse<p> Ciceronis</BLOCKQUOTE> y procedemos a analizarla....
Se
visualizaría como :
De
un libro de latín sacamos la siguiente frase :
Dixi, iudices, multa signa
fuisse apud omnes
siculos, ego idem confirmo nunc
en unum
quidem esse.
Ciceronis.
y
procedemos a analizarla....
|
El cuerpo de
un documento HTML contiene todo el texto y las imágenes que conforman el
documento junto con todos los elementos que controlan y formatean la página:
El
formato es:
<BODY>
.
.
Acá iría el
documento
.
.
</BODY>
El elemento
<BODY> y </BODY> se requiere para poder visualizar el
documento.
Es posible
controlar el fondo del documento con el atributo background.
background=”<url>”
Este atributo
especifica un URL que apunta a una imagen que se utiliza para poner en el
“fondo” del documento
Ej:
<BODY
BACKGROUND=”http ://www.cnba.uba.ar/images/escudo2.gif”>
.
.
.
</BODY>
Este tag
define un “corte
de línea” en el documento. Quiere decir que después del tag se
visualizaría el texto en una nueva
línea.
Ej:
<p>Este
es el primer párrafo<BR> este es el segundo
Se
visualizaría así :
Este
es el primer párrafo
este
es el segundo
|
<CAPTION...>...</CAPTION>
Representa a
la cabecera de una tabla y debe utilizarse dentro del tag <TABLE>
Acepta un
atributo de alineación de texto :
Align= top | botton
top:
Es el valor por defecto, especifica que la
cabecera de la tabla se encontrará sobre la misma.
botton:
La cabecera se encuentra después de la tabla.
La cabecera de
la tabla siempre se encuentran centradas horizontalmente respecto de la tabla y
pueden cortarse y ocupar más de una línea.
Todas las
líneas te texto y gráficos que se encuentren dentro del <CENTER> y </CENTER> aparecerán centradas
respecto de la página web.
Ej:
<CENTER>Este
texto está ; centrado</CENTER>
Se ve
así :
Este elemento
se utiliza para resaltar una cita textual, típicamente se visualiza en
itálicas.
Ej:
Como dijo el
preceptor:<CITE> No se debe jugar al futbol en el claustro de
botánica</CITE>. Aunque todos lo hacen...
Se mostraría
así :
Como
dijo el preceptor: No se debe jugar al futbol en el claustro de
botánica. Aunque todos lo hacen...
|
Se utiliza
para formatear texto como monoespacio (bien entendible) se utiliza cuando se
quiere que algo se lea bien (por ejemplo el fuente de un programa)
Se utiliza
para determinar definiciones en una
lista de definiciones (ver <DL>)
Se utiliza
para definir una lista de directorio que puede contener hasta 20 caracteres
cada entrada. Los ítems en esta lista se alinean en columnas.
Este tag debe
comenzar con <DIR> y debe estar inmediatamente seguido por el elemento
<LI>
Ej:
<DIR>
<LI>A-H<LI>I-M
<LI>M-R<LI>S-Z
</DIR>
Y se
visualizaría así:
Se utiliza
para definir una lista de términos y sus definiciones (definition list)
Ej:
<DL>
<DT>Término1<DD>
Definició ;n 1
<DT>Término2<DD>
Definició ;n 2
<DT>Término3<DD>
Definició ;n 3
<DT>Término4<DD>
Definició ;n 4
</DL>
Se mostraría
así :
Término1
Definición 1
Término2
Definición 2
Término3
Definición 3
Término4
Definición 4
|
COMPACT
Se utiliza
para crear una lista compacta utilizando el mismo ejemplo eta se visualizaría:
Término1 Definición 1
Término2 Definición 2
Término3 Definición 3
Término4 Definición 4
|
Se utiliza
para definir los términos de una lista de definiciones. (Ver <DL> )
Se utiliza
para dar énfasis al texto. Típicamente se visualiza como itálicas.
Ej:
El elemento<EM>Emphasis</EM.
Típicamente se renderea como itálicas.
Mostraría :
El elemento Emphasis. Típicamente se
renderea como itálicas.
|
A partir de
Netscape 1.0 y posteriores, se soportan diferentes cuerpos (tamaños de letra).
Y la posibilidad de mostrar el texto en diferentes colores.
Size=<valor>
Define el
tamaño del texto. Toma un valor entre 1 y 7.
Ej:
<FONT SIZE=1>Letra chiquitita
</FONT><FONT SIZE=7> Letra Grandota </FONT> Letra normal.
(base font)
se mostraría
así :
Letra
chiquitita Letra
Grandota
Letra
normal.
(base font)
|
COLOR=#<3 números hexadecimales>
Define el
color del texto.
Ej:
<FONT COLOR=#0000ff> Texto en
azul</FONT>
Mostraría el
texto en azul.
Se utiliza
para delimitar un formulario para enviar datos al server web.
Tiene
diferentes parámetros :
ACTION=”<url>“
Especifica el
programa en el server que procesaría
los datos que se le envíen desde el browser.
METHOD= post | get
Selecciona el
protocolo de transferencia de los datos al server
GET
Los datos se
dejan en la variable de entorno QUERY_STRING
POST
Los datos de
dejan en stdin.
HTML define
seis niveles de títulos. Un tag titulo incluye todos los cambios al tipo de
letra, párrafo, cortes de línea antes y después del mismo y los espacios en
blanco que sean necesarios para visualizar el
título.
El nivel más
alto de títulos es el <h1> seguido por el <h2>.... hasta el
<h6>
Ej:
<H1>Esto
es un título</H1>Esto es texto común
Se
visualizaría así :
Esto es un título
Esto
es texto común
|
Segundo nivel
de títulos, se visualiza un poco mas pequeño que el <H1>
Ej:
<H2>Esto
es un título</H2>Esto es texto común
Se
visualizaría así :
Esto es un título
Esto
es texto común
|
Tercer nivel
de títulos, se visualiza un poco mas pequeño que el <H2>
Ej:
<H3>Esto
es un título</H3>Esto es texto común
Se
visualizaría así :
Esto es un título
Esto
es texto común
|
Cuarto nivel
de títulos, se visualiza un poco mas pequeño que el <H3>
Ej:
<H4>Esto
es un título</H4>Esto es texto común
Se
visualizaría así :
Monografías
