UNIVERSIDAD CENTRAL DEL ECUADOR      FACULTAD DE FILOSOFÍA   ESCUELA DE CIENCIAS EXACTAS
PROGRAMACION VIDISEÑ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 e...
ESTRUCTURA DE HTML• <HTML>          INICIO DEL PROGRAMA• <HEAD>          ENCABEZADO DEL PROGRAMA• <TITLE>         TITULO D...
DIRECTIVAS DE HTML       DIRECTIVAS          TIPO              FUNCION<BR>                      ABIERTA   Da un salto de l...
DIRECTIVAS           TIPO                FUNCION<LI>                         Abierta   Crea viñetas<OL TYPE = “ ”> </OL>  ...
DIRECTIVAS              TIPO                FUNCION<BODY BACKGRO = “ ”></BODY >   CERRADO   Coloca imágenes en el fondo<IM...
DIRECTIVAS              TIPO               FUNCION<EMBED SRC = “   ”>               ABIERTA   Coloca videos en la pagina<B...
EJEMPLOS DE HTML
Ejemplo de viñetas código HTML:
Ejemplo de como agregar videos en html:
GUIA DE HTML
GUIA DE HTML
Próxima SlideShare
Cargando en…5
×

GUIA DE HTML

383 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
383
En SlideShare
0
De insertados
0
Número de insertados
4
Acciones
Compartido
0
Descargas
5
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

GUIA DE HTML

  1. 1. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFÍA ESCUELA DE CIENCIAS EXACTAS
  2. 2. PROGRAMACION VIDISEÑO DE PAGINAS WEB
  3. 3. ¿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>
  4. 4. 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>
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. EJEMPLOS DE HTML
  10. 10. Ejemplo de viñetas código HTML:
  11. 11. Ejemplo de como agregar videos en html:

×