Colección Informática Navegando en Internet

LENGUAJE HTLM

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