Post on 08-Jul-2015
UNIVERSIDAD CENTRAL DEL ECUADORFACULTAD DE FILOSOFÍA
ESCUELA DE CIENCIAS EXACTAS
PROGRAMACION VI
DISEÑO DE PAGINAS WEB
¿QUÉ ES HTML?• HTML es un lenguaje de hipertexto, se dedica a visualizar
objetos, es vinculada a paginas web.
En HTML existen directivas (comandos) como son:
• DIRECTIVAS ABIERTAS: estas directivas abiertas se las coloca una sola vez en el programa .
Ejemplo:
<BR>
<BODY BACKGROUND>
• DIRECTIVAS CERRADAS: estos comandos cerrados se los escribe al comienzo del programa y luego debemos cerrar la directiva.
Ejemplo:
<CENTER> </CENTER>
<TABLE BORDER = “ ”> </TABLE>
ESTRUCTURA DE HTML
• <HTML> INICIO DEL PROGRAMA
• <HEAD> ENCABEZADO DEL PROGRAMA
• <TITLE> TITULO DE LA PAGINA
• <META> INFORMACION SOBRE LA PAGINA
• </HEAD> CIERRA EL ENCABEZADO DE LA PAGINA
• <BODY> CUERPO DE LA PAGINA
• </BODY>
• </HTML>
DIRECTIVAS DE HTML
DIRECTIVAS TIPO FUNCION
<BR> ABIERTA Da un salto de línea
<P> </P> CERRADA Elabora párrafos
<B> </B> CERRADA Pone en negrita al texto
<I> </I> CERRADA Pone en cursiva al texto
<U> </U> CERRADA Subraya al texto
<S> </S> CERRADA Tacha el texto
<CENTER> </CENTER> CERRADA Centra texto o imágenes
DIRECTIVAS TIPO FUNCION
<LI> Abierta Crea viñetas
<OL TYPE = “ ”> </OL> Cerrado Crea viñetas según el tipo
que escribas
<HR> ABIERTA Crea una línea horizontal
<MARQUEE> </MARQUEE> CERRADA Da movimiento a imágenes y
texto
<FONT FACE =“ “> </FONT> CERRADA Da al texto el tipo de letra
requerido
<FONT COLOR =“ “> </FONT> CERRADA Da color al texto
<FONT SIZE =“ “> </FONT> CERRADA Da tamaño al texto
DIRECTIVAS TIPO FUNCION
<BODY BACKGRO = “ ”></BODY > CERRADO Coloca imágenes en el fondo
<IMG SRC = “ ”> ABIERTA Inserta imágenes en la pagina
<P ALIGN = “ ”> </P> CERRADO Alinea al texto o cualquier tipo de
dato (derecha, izquierda, centro)
<TABLE BORDER> </TABLE> CERRADO Crea tablas dentro de la pagina
<TR> </TR> CERRADO Crea filas dentro de la tabla
<TD COLSPAN = “ ”> </TD> CERRADO Une las columnas según el tipo
<TD ROWSPAN = “ ”> </TD> CERRADO Une las filas según el tipo
DIRECTIVAS TIPO FUNCION
<EMBED SRC = “ ”> ABIERTA Coloca videos en la pagina
<BG SOUND SRC = TEXTO.LOOP = 1> ABIERTA Agrega sonido a la pagina
<BODY BGCOLOR =“ ”> </BODY > CERRADO Da color al fondo de la pagina
EJEMPLOS DE HTML
Ejemplo de viñetas código HTML:
Ejemplo de como agregar videos en html: