Link a Galeon

http://galeon.com/holasoysusaandarcks/index.html

LISTAS REGULARES

LISTAS REGULARES

   HIPERELACES

El lector explora un documento en el web haciendo clic sobre las zonas activas para así hacer aparecer nuevos documentos. En HTML definimos una zona activa  (que puede ser un texto o imagen) que se asocia al URC (protocolo de direccionamiento de documentos). El documento que sustituirá al documento visualizado cuando se haga clic sobre esa zona. Una ancla, por lo tanto sirve para especificar la partida  y llegada de un enlace hipertexto (<A>).

   ATRIBUTO NAME ANCLA DE LLEGADA

Define el ancla de llegada lugar que se podrá acceder haciendo clic sobre  un ancla de partida.

Zona no activable sin atributos visuales.

<A NAME=”label>zona.noactivable-sin_atributos_visuales</A>

   MARCA TABLE

Se define entre las marcas <table> y </table> esta primera marca regula la presentación mediante los atributos:

*BORDER .define el grosor del marco exterior

*CELLPADDING. Define el espacio alrededor  del texto de una celda.

*CELLSPACING. Define el espacio entre celdas

*WIDTH. Define la anchura de la altura de la tabla relativa a la anchura de la ventana.

   MARCA TR

Define una nueva fila son <TR> </TR> que admiten los siguientes atributos  de alineación del textoen el interior de todas las celdas de la fila

Aling (alineación vertical) que puede tomar los valores:

-top. Coloca el texto en la parte interior de la tabla

-bottom. Coloca el texto en la parte inferior de la celda

-middle. Coloca el texto en el centro de la celda.

   MARCA TD

Es el elemento del inicio de una columna puede opegonarse con los atributos baling y aling que será entonces unitarios sobre los mismos valores definidos en la marca TR.

Dos atributos suplementarios COLSPAN y ROWSPAN permiten generar celdas en un múltiplo de celda elemental. A partir de la tabla que define  el número de celdas elementales se calcula por el número de líneas de la tabla (numero de instrucciones TR) multiplicado por el numero de celdas (numero de celdas TD) de la línea que define mas celdas  mayor numero de TD.

el numeo de celdas por linea de la tabla se calcula  sobre la línea que define el mayor numero de celadas . el atributo TD, es nowrap que impiden dividir el texto de la celda  en vatias líneas.

   MARCA TH

Esta marca funciona de forma  asimilar a TD y multiplicar los valores de los mismos atributos  pero se considerqan como una marca de titulo de una celda  automáticamente centro texto y lo ponen en negrita.

   MARCA CAPITÓN

Esta marca permite poner un titulo encima (atributo aling top) o debajo (atributo aling=bottom de la tabla) la marca

   Marca img

es la marca que permite incluir una imagen esta marca siempre ira completada por el atributo SRC que permite dar la dirección del fichero grafico que contiene la imagen:

<IMG> SRC= nombre del fichero>

El valor del atributo SRC permite especificar un URL y es por tanto correcto encontrar imágenes definidas como una dirección de internet:

<IMG SRC=http://nombre del fichero>.

   ALINEACIÓN DE IMÁGENES

La marca IMG permite el atributo ALING que permite situar la imagen en relación a la línea del texto actuar y puede tomar los sig. Valores:

*top. Para alinear la parte superior de la imagen

*middle. Para alinear el centro de la imagen

*bottom. Para alinear la base de la imagen

  <IMG SCR=”NEW.GIF”ALING=TOP>

  <IMG SCR=”NEW.GIF”ALING=MIDDLE>

   LAS IMÁGENES COMO ANCLAS

se puede reemplazar el texto de una ancla por una marca  que define una imagen. en este caso tiene la imagen un borde de color para indicar que se trata de un  enlace hipertexto sobre el que se puede hacer un clic.

   FORMULARIOS

un formulario es una plantilla  para representar un conjunto  de datos y generar en la pantalla cuadros del lector. como es un formulario en papel se podrá tener zonas en las que se introducirá el texto casilla de verificación listas de selección.

   DECLARACIÓN DEL FORMULARIO

la marca form <form> y </form> define un formulario y entre ellas se situara todas las marcas que generan los diversos elementos  que compónen un formulario esta marca debe ir acompañado obligatoriamente por 2 atributos :

-el atributo method esta dirigido al programador que codifica el script al que puede dársele el valor: post o get que define el modo  de transferencia de datos hacia el script.

-action define el URL de un programa (scirpt) encargado de tratar los datos adquiridos desde el formulario.

   CAMPOS DE ENTRADA

Servirá para definir campos para entrar en un texto y botones que permiten escoger opciones.

Atributo type asociado a la marca imput permite la selección del elemento de entrada puede tomar los sig. Valores:

-submit desencadena el envio del formulario hacia el script el texto definido  valuue  se escribirá  en el botom salida.

   CAMPOS DE SELECCIÓN

La marca <select> permite generar listas de selección simple o de selección variable se programa con una lista en la que los ítems se especifican mediante la marca <opción>. La presentación de la lista  depende del atributo SIZE  si su valor es inferior a 2 a esta ausente la lista se interpreta como un menú desplegable. En caso contrario la lista se visualizara en una ventana con barra de desplazamiento el valor dado entonces al atributo size  da entonces el número de líneas visible en la ventana. la opción de selección múltiple se deriva de la presencia del atributo múltiple.

   ÁREA DE TEXTO

la marca textarea > permite generar la ventana con barras de desplazamiento horizontal y vertical  en la que se podrá escribir texto. el valor dado a los atributos rows (lineas) y cols(columnas) delimitan el tamaño de esta ventana.

MARCAS

Marcas

   MARCAS

Las marcas delimitan elementos de un documento como cabeceras o párrafos, etc. Y son utilizados para dar un tratamiento diferente al texto que se encuentre entre las marcas.

En HTML las marcas se delimitan con los signos  <inferior > superior

   ATRIBUTOS DE LAS MARCAS

Algunas marcas pueden admitir atributos, podiendo tener cada uno de estos un valor. Este valor ira entre “”  si dicho numero es alfanumérico.

   ESTRUCTURA DE LOS DOCUMENTOS

*cabecera. Head

*cuerpo. Body

*encabezado

*definición de bloques

*comentarios

 La cabecera se emplea para facilitar información  acerca del documento y esta delimitada por  <HEAD> prologo </HEAD>.

Dentro de la cabecera podemos destacar el titulo que indica el documento con su nombre

1er. Programa

    <HTML>

           <HEAD>

                     <TITLE>Bienvenido 1er. </Title>

                        </HEAD>

                           Cuerpo del documento

   CUERPO

El resto del documento recibirá entre las marcas  <Body>/. Esta es la estructura mínima que debe poseer:

   <HTML>

           <HEAD>

                     <TITLE>Bienvenido</Title>

                   </Body>

                        Document o

                   </Body>

             </Head>

      </Html>

   ENCABEZADO

Los encabezados se emplean para dividir los documentos en secciones o mas concretamente para marcar los títulos de esas secciones, las marcas son del tipo:

                         <H1>Tamaño mayor</H1>

                         <H6>Tamaño menor</H6>

   DEFINICIÓN DE BLOQUES

Para definir y separar bloques de texto se emplean una serie  de marcas que definen párrafos, texto pre formateado o bloques con significado especial como direcciones o citas.

   COMENTARIOS

Todo texto que empiece con <!..Comentario...> será ignorado  por el HTML y por lo tanto no será visible. Esto sirve al autor del documento para documentar su fichero fuerte.

   FONDOS Y COLORES DE TEXTO

Un cierto número de atributos de la marca Body permiten controlar  el color del fondo de la ventana, el color de los colores del texto y finalmente el color de los enlaces <Body atributo 1, atributo 2, atributo 3,… atributo/>

El atributo bgcolor remite escoger un color para el fondo de la pagina <bgcolor=”rrggbb”> donde “rr” “g” y “bb” son los valores exadecimales comprendidos entre “oo” “ff” que especifican el grado de saturación de los colores.

Atributo BACKGROUND”. Este atributo especifica una imagen residente la cual se utiliza como fondo de la página . <Body Background=”fichero.gif”>

Atributo text. Permite controlar el color de texto estándar, es decir, todo texto que no especifique un enlace <Bodytext=”#rrggbb”>.

Atributo link, vlink y alink. Controla el color de los enlaces : link color del enlace que aun no ha sido visitado.<Body link=”#rrggbb”> a link color  muy fugas que aparece cuando se hace clic sobre el enlace <Body alink=”#rrggbb”>, VLINK es el color de un enlace que ya ha sido visitado <Body vlink=”#rrggbb”>.

   TITULO <HN>

Es la marca que asigna el tamaño  de los caracteres donde N varía de 1 a 6. Los más grandes tienen  valor de 1 y los más pequeños  valor de 6. El texto entre estas marcas  se trata en negritas.

   TAMAÑO DE LETRA Y DE COLOR

<font> la marca  fond permite actuar sobre bloques distintos de caracteres situados en la misma línea.

SIZE. Regula la altura de los caracteres  de 1 a 7.

Color. Especifica el color  de los caracteres.  Ejemplo:

               <Font size=3 color =#008000>…texto…</Font>.

   ESTILO FÍSICO O ESTILO DE LOS CARACTERES

<B> negrita

<I> cursiva

<v> subrayado

<b > hola </b >

<i> hola </i>

<v> hola </v>

   ESTILOS LÓGICOS Y ESTILO DE PÁRRAFO

<cite> cita

<code> código fuente

<dfn> definido

<em> enfatiza

<kdb> palabra clave

<samp> ejemplo

<stronng> resalta

<var> variable

   COMBINACIÓN DE TAMAÑO Y ESTILO

Toda ventana trabaja bajo el efecto de  solo un par. Cerrado de marcas. Ejemplo:

<i>

<Font zise=5

<b> hola </b> como

<Font zise=6> estas?</Font>

Quedaría:

Hola, como, estas