Html

[pic]CORPORACION UNIVERSITARIA DEL HUILA “CORHUILA”
FACULTAD DE INGENIERIA
DOCENTE: ING EILEN LORENA PEREZ

INTRODUCCION HTML

• ESTRUCTURA DE UNA PAGINA WEB
Cada documento HTML se puede dividir en dos partes principales:
1. El cuerpo: el cual contiene la parte del documento a ser mostrada por el browser.
2. El encabezado: el cual contiene información acerca del documento, pero elcual no se muestra.


.... elementos validos en el documento HEAD



.... elementos validos en el documento BODY


El elemento HTML mas exterior declara que el texto encerrado es un documento HTML. Directamente dentro de este cae el HEAD y el BODY. El BODY contiene el texto y las marcas HTML asociadas del material que desea mostrar. El HEAD,el cual debe aparecer antes del BODY, contiene elementos que definen información acerca del documento, tales como titulo y otros. Ciertos elementos pueden aparecer solamente dentro del HEAD, mientras que otros pueden aparecer dentro del BODY.
• TEXTO
Las siguientes marcas son las más utilizadas para manipular texto al crear una página de HTML:
a. MARCAS DE ENCABEZADOS ( .. ) La marca HNse utiliza para crear encabezados, es decir títulos y subtítulos, N puede tomar valores de 1 a 6 ( hasta ), siendo H1 el mayor nivel y H6 el menor. No es recomendable utilizar esta marca para cambiar el tamaño de la letra.
Ejemplo de HTML:

EJEMPLO1


MARCA PARA TITULOS H1


Otro ejemplo:

EJEMPLO1


REINOSDE LA NATURALEZA



b. MARCA PARA PARRAFOS ( .. ): Se utiliza para crear párrafos, el cierre de la marca es opcional ; puede contener el atributo ALIGN que manipula la apariencia del párrafo, el valor por defecto es LEFT, los valores para el atributo ALIGN puede ser left (izquierda), right (derecha), justify (justificado).

EJEMPLO1


REINO VEGETALEsta constituido por …..


|VALORES DEL ATRIBUTO ALIGN |
|ALINEAMIENTO |VALOR |
|IZQUIERDA |LEFT |
|DERECHA |RIGHT |
|JUSTIFICADO |JUSTIFY |

c.FORMATEO DE TEXTO

|FORMATO |MARCA |
|NEGRILLA | .. |
|ITALICA | .. |
|SUBRAYADO | .. |
|TACHADO |.. |
|SUBINDICE |... |
|SUPERINDICE|... |

EJEMPLO1



REINO ANIMAL




d. FUENTE ( .. )
La marca font contiene los siguientes atributos:

|ATRIBUTO |VALOR |
|TAMAÑO |SIZE = N (N varia de 1 a 7) |
|COLOR|COLOR =RGB (R = ROJO, G = VERDE, B = AZUL) |
| |CADA UNO DE ESTOS COLORES TOMAN VALORES DE 00 HASTA FF - SISTEMA |
| |HEXADECIMAL |
|TIPO |FACE = NOMBRE DE LA FUENTE |

EJEMPLO1P> REINO PROTISTA




• LISTAS

Los tres tipos principales de listas son :
a. LISTAS NUMERADAS ( .. ): Se utiliza para crear listas con numeración, los elementos de lista se adicionan con la marca .

EJEMPLO 2

El proceso de matricula consta de los siguientes pasos :

Preinscripción...