|
|
|
Introducción
Estructura básica de un documento HTML.
Enlaces a otros documentos.
Encabezados.
Saltos de párrafo, línea y página.
Tipos de letra.
Estilos predefinidos.
Inclusión de Imágenes.
Listas.
|
|
INTRODUCCION
El HTML (Hipertex Markup Languaje) es el
lenguaje en el que se escriben los hipertextos del World Wide Web. Cumple la norma SGML
y, como si de un procesador de textos usual se tratara, permite añadir a un documento de
texto diferentes títulos y estilos y además puede
incluir objetos multimedia (imágenes y sonido,
por ejemplo) y conexiones hipertextuales.
Todas estas características se representan
en este lenguaje en forma de etiquetas (tags) que se insertan en el propio texto.
Estas etiquetas se delimitan por medio de
los signos < y >.
|
Estructura Básica de un Documento
|
Un documento HTML comienza con la
etiqueta <html> y termina con </html>.
En un documento existen dos zonas (entre
las etiquetas de principio y fin de html) bien
diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir
diversos valores válidos en todo el documento. Y
el cuerpo, delimitado por <body> y </body>,
donde reside la información del documento.
La utilidad más importante en el
encabezamiento es <title> (que finaliza con el correspondiente
</title>). Con esta «instrucción» declaramos
cuál es el título de la página que estamos
construyendo, título que como vimos cuando
estudiábamos el funcionamiento de Netscape es
muy importante para hacerse una idea de lo que contiene el documento.
|
|
Por otro lado, tenemos el cuerpo del
documento. Aquí es donde definiremos todos los
enlaces (links), insertaremos las imágenes, e
incluiremos los diferentes formatos dentro del texto que
vamos a introducir en nuestra página. A
continuación se incluyen algunas de las marcas más
importantes a la hora de hacer una página web.
Enlaces a otros documentos.
<A HREF=»URL»>texto</A> Enlace con otro documento.
<A NAME=»ETIQUETA»>texto</A> Definición de una etiqueta.
<A HREF=»#ETIQUETA»>texto</A> Enlace con el mismo documento.
Encabezados.
<H1>texto</H1> Encabezado más grande.
Hasta <H6>texto</H6> Encabezado más pequeño.
Saltos de párrafo, línea y página.
<P> Salto de párrafo.
<BR> Salto de línea.
<HR> Dibuja una línea horizontal de lado a lado del documento.
Esta línea puede ser variada en su grosor de la siguiente forma: <HR SIZE=100>
(máximo)
<PAGE> Salto de página
Tipos de letra.
<B>texto</B> Negrita.
<I>texto</I> Cursiva.
<U>texto</U> Subrayado.
<TT>texto</TT> Máquina de escribir.
Estilos predefinidos.
|
<EM>texto</EM> Enfasis.
<STRONG>texto</STRONG> Fuerte énfasis.
<CODE>texto</CODE> Código fuente.
<SAMP>texto</SAMP> Ejemplos.
<CITE>texto</CITE> Cita.
<PRE>texto</PRE> Texto preformateado.
<LISTING>texto</LISTING> Listado.
<BLOCKQUOTE>texto</BLOCKQUOTE> Texto entrecomillado.
|
Inclusión de imágenes.
<IMG SRC=»URL» (ALT=) (ALIGN=) (ISMAP)>
Listas.
|
<UL> Lista no numerada.
<LI> elemento de la lista.
</UL> Cierra la lista.
<OL> Lista numerada.
<LI> elemento de la lista.
</OL> Cierra lista.
<MENU> Lista menú.
<LI> elemento de la lista.
</MENU> Cierra lista.
<DIR> Lista directorio.
<LI> elemento de la lista.
</DIR> Cierra lista.
| |
|