LAS MARCAS
En HTML las marcas se delimitan con los signos menor que y mayor que, es decir para abrir utilizamos abrir <inferior A, para cerrar > superior A por tanto adicionamos la / inversa.
ATRIBUTO DE LAS MARCAS
Algunas marcas pueden admitir atributos, pudiendo tener cada uno de estos atributos con un valor a cero, como por ejemplo color, textura, estilo, formato, ancho, alto, bajo. Este valor ira “SI DICHO VALOR ES ALFANUMERICO”
ESTRUCTURA DE LOS DOCUMENTOS
La cabecera se emplea para facilitar información acerca del documento y está delimitada por <HEAD> Y </HEAD>. Dentro de la cabecera podemos destacar el titulo que indica el nombre del documento, está delimitada por <TITLE> Y </TITLE>.
<HTML> <HEAD> <TITLE>…BIENVENIDO…</TIME> </HEAD> <BODY
CUERPO
El resta del documento recibirá entre las marcas <BODY> Y </BODY>.
Encabezado
Los encabezados se emplean para dividir los documentos en secciones o más concretamente para marcas los títulos de las secciones. Las marcas son de tipo: <H1> tamaño mayor <H1> <H6> </h6>.
Definición de bloques
Para definir y separar bloques de texto se emplea una serie de marcas que definen párrafos, texto pre formateando bloques con significado especial como direcciones cositas: <P> se utiliza para separar párrafos. Dado que para HTML todo el texto es continuo necesitamos algún menú para indicar el inicio y el fin de un párrafo. Las marcas inicial y final. El texto insertado entre las marcas presera utilizado respetando el formato que fue escrito en el fichero fuente HTML. <ADRESS> empleada para indicar que un texto representa con tabulaciones ala izquierda y derecha en cursiva. En sistemas que nos permiten representar en cursiva se puede emplear algún tipo de símbolo el principio de las líneas.
<BR> Este elemento solo tiene marca inicial e indica un salto de línea horizontal.
<HR> Solo tiene marca inicial y s emplea para representar una línea horizontal.
COMENTARIOS
Todo texto que empiece por <!...COMENTARO…> será ignorado por browser y por lo tanto no será visible. Esto sirve al autor del documento para comentar en su fichero fuente.
FONDOS Y COLORES DE TEXTO
Un cierto número de puntos de la marca body permite controlar el color del fondo de la ventana, el color de los caracteres del texto y finalmente el color de los enlaces: <BODYATRIBUTO1 ATRIBUTO2…..ATRIBUTON>.
El atributo BGCOLOR permite escoger color para el fondo de la página. <BGCOLOR=”#rrggbb”> donde “rr” “gg” “bb” son valores hexadecimales oo- ff.
BACK GROUND (FONDO): Especifica una imagen residente en el monitor la cual se utiliza como fondo de pagina. <BODYBACKGROUND=”FICHEROGRAFICO.GIF”>
El atributo TEXT: Permite controlar el control del texto estándar , es decir todo texto que no signifique un enlace <BODYTEXT=”#rrggbb”>.
El atributo LINK: Color de enlace que aun no ha sido visitado <BODYLINK=”#rrggbb”>.
El atributo ALINK: Color muy fugas que aparese cuando hacen click sobre el enlace <BODYALINK=”#rrggbb”>
El atributo VLINK: Es el color de un enlace que ha sido visitado <BODYVLINK”#rrggbb”>.
TAMAÑO DE LA LETRA Y COLOR
LETRA
Es la marca que asigna el tamaño de los caracteres donde N varia 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 negrita.
FONT> Esta marca permite actuar sobre bloques distintos de caracteres situados en la misma línea.
El atributo SITE: Regula la altura de los caracteres (1 a7), el atributo COLOR: Especifica el color de los caracteres
<FONT SITE=3 COLOR=#008000>TEXTO>/FONT>
CONVINACION, TAMAÑO Y ESTILO
Toda ventana trabaja solo por cerrado demarcas ejemplo: <¡><FONT SIZE=5>
<b> Hola, </b> estas? </Font> </Font> </¡>
HIPERENLASES
El lector explora un documento en la web haciendo clic sobre las zonas activas para así aparecer nuevos documentos. En HTML, definimos una zona activa (Que puede ser un texto o una imagen) que se asocia al URL (Producto de funcionamiento de documentos) del documento que sustituirá al documento visualizado cuando se haga clic, sobre esta zona.
El atributo HREF, ANCLA DE PARTIDA hacia un enlace eterno. Crea un enlace hacia un servidor situado en algún punto de internet, o hacia un documento propuesto por dicho servidor. La marca especifica el atributo HREF, cuyo valor precisa el URL del documento a recuperar <AHREF=”URL_DEDESTINO”> zona_activable </A>.
El atributo HREF, ancla de partida a un enlace interno. Crea un enlace a un punto determinado al fichero en curso. Para ello hay que colocar un ancla (ancla de partida) y un ancla inactiva (ancla de llegada).
ZONA ACTIVABLE CON ATRIBUTOS VISUALES
(A HREF=#ETIQUETA> ZONA ACTIVABLE CON ATRIBUTOS _VISUALES </A>.
EL ATRIBUTO NAME
Es un 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_RIO_ACTIVABLE_SIN_ATRIBUTOS
TABLE
Una tabla se define entre las marca <TABLE> y </TABLES> esta primera marca regula la presentación general de la tabla mediante tres atributos:
BORDER: Define el grosor del marco exterior.
CELLPADOING: Define el espacio alrededor del texto de una celda.
CELLSPACING: Define la anchura de la tabla relativa a la anchura de la ventana.
LA MARCA TR:
Las marcas que definen una nueva fila son <TR> Y </TR> que admiten los siguientes atributos de alineación del texto en el interior de todas las celdas de la fila: VALING (ALINEACION VERTICAL) que puede tomar los valores colocar el texto en la parte inferior de la celda.
MIDDLE: Coloca el texto en el centro de la celda.
ALING: (Alineación Horizontal) que puede tomar los valores:
RIGHT: Coloca el texto en la derecha de la celda.
LEFT: Coloca el texto ala izquierda de la celda.
CENTER: Coloca el texto en el centro de la celda.
MARCA TD:
Es los elementos de inicio de una columna. Puede contarse con los atributos valing y Aling que será entones prioritarios sobre los mismos valores definidos en la marca TR. Dos atributos suplementarios: COISPAN Y ROWSPAN permiten generar celdas cuya superficies un múltiplo de la celda elementales. La matriz 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 de R), multiplicado por el numero de celdas (Numero de celda TD) de las líneas que define, las celdas (MAYOR NUMERO TD). El número de celdas por línea de la tabla se calcula sobre la línea que define el mayor número de celdas. El atributo TD es NOWRAP, que impide dividir el texto de la línea en varias celdas.
LA MARCA TH:
<TH> Funciona de forma similar que admite los mismos atributos pero se considera como una marca de titulo de una celda. Automáticamente centra el texto y lo pone en negrita.
MARCA IMG
Permite una imagen. Esta marca ira siempre complementada por el atributo SRC que permite dar la dirección del fichero grafico que contiene la imagen. El valor del atributo SRC, permite especificar un URL y exportado correcto encontrar imágenes definidas como sigue: <IMGSRC=”HTTP//…../ROSAGIF”>
APLICACIÓN DE IMAGENES
La marca IMG admite el atributo Aling que permite situar la imagen en relación a la línea del texto actual y puede tomar los siguientes valores: TOP: Para alinear l aparte superior de la imagen.
MODDE: Para centrar en la pagina
BOTTOM: Para centrar en la base de la imagen.
IMÁGENES COMO ANCLAS
Se puede reemplazar el texto de un ancla que define una imagen en este caso la imagen tiene una barra color para indicar que se trata de un enlace hipertexto sobre el que se puede hacer un clic <A HREF=IMAGENGIF”> <IMG SRC=”INFO.GIF”> </A>.
FORMULARIO
Es un aplantilla para representar un conjunto de datos y generar en la pantalla cuadros de dialogo con el lector como un formulario de papel, se podría tener zonas en las que se introducirá un texto, casillas de verificación, listas de selección, etc.
CAMPOS DE SELECCIÓN
La marca <SELECT> permite generalizar listas de selección variable. Se programa con una lista en la que los ITEMS se especificaran mediante la maraca <OPTION>. La representación de la lista depende del atributo SIZE; si un valor es inferior a dos o está ausente la lista se interpreta como un menú desplegable (POP-LIST) en este caso la de una ventana con barra de desplazamiento. El valor dado entonces al atributo size da entonces el número de líneas en la ventana. La opción de selección, múltiple se deriva la presencia del atributo múltiple. Ejemplo: MENU DESPLEGABLE.
<SELECT NAME “SEDE”>
<OPTION> ENTREGA INDIRECTA
<OPTION>ENTRADA LATERAL
<OPTION SELECTED> ENTRADA DIERCTA
</SELECT>
<FORM>
AREAS DE TEXTO
La marca <TEXTAREA>, crear una barra con desplazamiento horizontales y verticales en la que se podrá escribir texto. El valor dado a los atributos ROWS (LINEAS) COLS (COLUMNAS) delimi8ta el tamaño de esta ventana.
<FORM> <TEXT TAREA NAME=”COMENT” ROWS=5 COLS =40>
Introduzca aquí su comentario <AEXTAREA> </FORM>.