Clase 2 LISTAS:   Una lista permite organizar la totalidad o parte de un documento HTML.  Existen varios tipos de Listas: Listas Sin Orden  (sin enumeración)  <UL>, <LI> Listas Ordenadas (con enumeración)  <OL>,<LI> Listas de Directorios  <DIR>, <LI> Listas de Menú  <MENU>, <LI> Listas de Definición  <DL>, <DT>, <DD>
Clase 2 Ejemplo: <marca de comienzo> <LI>  Primer elemento de la lista  </LI> <LI>  Segundo elemento de la lista  </LI> <LI>  ...........  </LI> <marca de cierre>
Clase 2 LISTA NO ORDENADAS  (Unordered List). Incluye una  viñeta <H3>  Ejemplo de lista no ordenadas  </H3> <UL> <LI>  Fichero HTML </LI> <LI>  Fichero de Imagen </LI>   <LI>  Fichero de Sonido </LI>   <LI>  Fichero de Vídeo </LI>   <LI>  Fichero de Ejemplo </LI> </UL>
Clase 2 Nota:  Las viñetas se puede modificar.  Por defecto es un  círculo relleno. <UL TYPE = DISC>   (círculo relleno) <UL TYPE = CIRCLE>  (círculo sin relleno) <UL TYPE = SQUARE>  (cuadrado sin relleno)
Clase 2 LISTAS ORDENADAS   (Ordered List). Numeradas <H3>  Ejemplo de lista ordenadas  </H3> <OL> <LI>  Fichero HTML </LI> <LI>  Fichero de Imagen </LI>   <LI>  Fichero de Sonido </LI>   <LI>  Fichero de Vídeo </LI>   <LI>  Fichero de Ejemplo </LI> </OL>
Clase 2 Nota:   Las listas se pueden ordenar utilizando números, Letras, números romanos, tanto en mayúsculas como minúsculas. <OL TYPE = A> para letras mayúsculas <OL TYPE = a >   para letras minúsculas <OL TYPE = I > numeración romana en mayúsculas <OL TYPE = i >   numeración romana en mayúsculas
Clase 2 START :   Atributo que pertenece a la lista.  Permite  empezar con el número o letra que dice el atributo start. Ej.  <OL TYPE = A START = 5> Nota: Debe siempre ser un número para una letra o un  número
Clase 2 LISTAS DE DIRECTORIO Y LISTAS DE MENU Las Listas de Directorio y las Listas de Menú, son similares a las Listas sin Orden, sólo cambia la etiqueta. Ej.  <DIR>  ó  <MENU> <LI>  Fichero de HTML </LI> <LI>  Fichero de Imagen  </LI> </DIR>  ó  </MENU>
Clase 2 LISTAS DE DEFINICION Se da una descripción de cada uno de sus elementos.  utiliza las siguientes marcas. <DL></DL>  Abre y cierra una Lista Descriptiva <DT>   Caracterizar el elemento <DD>   Definir el elemento
Clase 2 Ej.: <H3>  Ejemplo de Listas de tipo Definición  </H3> <DL> <DT> ASCII <DD> Juego de Caracteres que asigna valores .... <DT> EPS <DD> Formato de Descripcion de ficheros <DT> FUENTE <DD> Conjunto de Estilos que posee.....
Clase 2 LISTAS ANIDADAS Corresponden a una combinación de listas. Combinación Listas sin orden  Combinación Listas con orden Combinación Listas sin orden y con orden
Clase 2 VINCULOS Es uno de los más importante de HTML, ya que es el  que realmente permite “navegar” por uno o varios  documentos que pueden residir en cualquier parte. La zona activada puede ser un grupo de caracteres,  una imagen o bien una porción de una imagen. <A> ....</A>
Clase 2 ATRIBUTOS DE LOS ENLACES NAME:  Define el punto de llegada en el documento  destino asignándole un nombre.  HREF:  Define un ancla de partida hacia un enlace externo  o interno del documento. TARGET:  Permite indicar donde se abrirá el documento  enlazado.
Clase 2 El atributo Name: <A NAME  =“abajo”>Sesión abajo </A> El atributo HREF: <A HREF=“capitulo.html”>Mi capitulo</A> <A HREF=“http://jmc.utfsm.cl”</A> <A HREF=“mailto:marisol.villarroel@siga.utfsm.cl”</A> <A HREF=“#abajo”</A>
Clase 2 SERVICIOS DE INTERNET HTTP:   Se utiliza para referenciar documentos residentes  en servidores web. http://nombre_del servidor/directorio/subdirectorio/ fichero.html FTP:   Ofrece servicios para la transferencia de ficheros. ftp://nombre_del_servidor/directorio/subdirectorio NEW:   Corresponden a foros de discusión en ámbito de interés News://nombre_del_grupo_de_news

curso de html

  • 1.
    Clase 2 LISTAS: Una lista permite organizar la totalidad o parte de un documento HTML. Existen varios tipos de Listas: Listas Sin Orden (sin enumeración) <UL>, <LI> Listas Ordenadas (con enumeración) <OL>,<LI> Listas de Directorios <DIR>, <LI> Listas de Menú <MENU>, <LI> Listas de Definición <DL>, <DT>, <DD>
  • 2.
    Clase 2 Ejemplo:<marca de comienzo> <LI> Primer elemento de la lista </LI> <LI> Segundo elemento de la lista </LI> <LI> ........... </LI> <marca de cierre>
  • 3.
    Clase 2 LISTANO ORDENADAS (Unordered List). Incluye una viñeta <H3> Ejemplo de lista no ordenadas </H3> <UL> <LI> Fichero HTML </LI> <LI> Fichero de Imagen </LI> <LI> Fichero de Sonido </LI> <LI> Fichero de Vídeo </LI> <LI> Fichero de Ejemplo </LI> </UL>
  • 4.
    Clase 2 Nota: Las viñetas se puede modificar. Por defecto es un círculo relleno. <UL TYPE = DISC> (círculo relleno) <UL TYPE = CIRCLE> (círculo sin relleno) <UL TYPE = SQUARE> (cuadrado sin relleno)
  • 5.
    Clase 2 LISTASORDENADAS (Ordered List). Numeradas <H3> Ejemplo de lista ordenadas </H3> <OL> <LI> Fichero HTML </LI> <LI> Fichero de Imagen </LI> <LI> Fichero de Sonido </LI> <LI> Fichero de Vídeo </LI> <LI> Fichero de Ejemplo </LI> </OL>
  • 6.
    Clase 2 Nota: Las listas se pueden ordenar utilizando números, Letras, números romanos, tanto en mayúsculas como minúsculas. <OL TYPE = A> para letras mayúsculas <OL TYPE = a > para letras minúsculas <OL TYPE = I > numeración romana en mayúsculas <OL TYPE = i > numeración romana en mayúsculas
  • 7.
    Clase 2 START: Atributo que pertenece a la lista. Permite empezar con el número o letra que dice el atributo start. Ej. <OL TYPE = A START = 5> Nota: Debe siempre ser un número para una letra o un número
  • 8.
    Clase 2 LISTASDE DIRECTORIO Y LISTAS DE MENU Las Listas de Directorio y las Listas de Menú, son similares a las Listas sin Orden, sólo cambia la etiqueta. Ej. <DIR> ó <MENU> <LI> Fichero de HTML </LI> <LI> Fichero de Imagen </LI> </DIR> ó </MENU>
  • 9.
    Clase 2 LISTASDE DEFINICION Se da una descripción de cada uno de sus elementos. utiliza las siguientes marcas. <DL></DL> Abre y cierra una Lista Descriptiva <DT> Caracterizar el elemento <DD> Definir el elemento
  • 10.
    Clase 2 Ej.:<H3> Ejemplo de Listas de tipo Definición </H3> <DL> <DT> ASCII <DD> Juego de Caracteres que asigna valores .... <DT> EPS <DD> Formato de Descripcion de ficheros <DT> FUENTE <DD> Conjunto de Estilos que posee.....
  • 11.
    Clase 2 LISTASANIDADAS Corresponden a una combinación de listas. Combinación Listas sin orden Combinación Listas con orden Combinación Listas sin orden y con orden
  • 12.
    Clase 2 VINCULOSEs uno de los más importante de HTML, ya que es el que realmente permite “navegar” por uno o varios documentos que pueden residir en cualquier parte. La zona activada puede ser un grupo de caracteres, una imagen o bien una porción de una imagen. <A> ....</A>
  • 13.
    Clase 2 ATRIBUTOSDE LOS ENLACES NAME: Define el punto de llegada en el documento destino asignándole un nombre. HREF: Define un ancla de partida hacia un enlace externo o interno del documento. TARGET: Permite indicar donde se abrirá el documento enlazado.
  • 14.
    Clase 2 Elatributo Name: <A NAME =“abajo”>Sesión abajo </A> El atributo HREF: <A HREF=“capitulo.html”>Mi capitulo</A> <A HREF=“http://jmc.utfsm.cl”</A> <A HREF=“mailto:marisol.villarroel@siga.utfsm.cl”</A> <A HREF=“#abajo”</A>
  • 15.
    Clase 2 SERVICIOSDE INTERNET HTTP: Se utiliza para referenciar documentos residentes en servidores web. http://nombre_del servidor/directorio/subdirectorio/ fichero.html FTP: Ofrece servicios para la transferencia de ficheros. ftp://nombre_del_servidor/directorio/subdirectorio NEW: Corresponden a foros de discusión en ámbito de interés News://nombre_del_grupo_de_news