GUIA DE HTML

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


<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


<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


<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:

GUIA DE HTML

Education

Transcript of GUIA DE HTML