alt="*" v:shapes="_x0000_i1025"> 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
alt="*" v:shapes="_x0000_i1028"> 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>
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1029"> 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 preformateado o
bloques con significado especial como direcciones o citas.
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1031"> 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.
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1032"> 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>.
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1035"> ESTILO FÍSICO O
ESTILO DE LOS CARACTERES
<B> negrita
<I> cursiva
<v> subrayado
<b > hola </b >
<i> hola </i>
<v> hola </v>
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1036"> 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
Ø LISTAS REGULARES
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1038"> 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>).
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1039"> 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.
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1041"> 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.
alt="*"
data-src="file:///C:/DOCUME~1/ADMINI~1/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.gif"
class=deferred v:shapes="_x0000_i1042"> 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.
No hay comentarios:
Publicar un comentario