Sei sulla pagina 1di 14

GUIA DE LABORATORIO DE HTML Y JAVASCRIPT

o HTML(HyperText Markup Language)


HTML (HyperText Markup Language) es un lenguaje de programacin que se utiliza para la creacin de pginas en la WWW. Por pgina entenderemos el documento que aparece en el visualizador. En resumen las paginas web son hechas en HTML y el navegador,visualizador,cliente o el web browser como se le quiera llamar lo interpreta, compila y ejecuta mostrando como resultado el contenido de la pagina. Para hacer una pagina Web solo se necesita un editor de texto desde el block de notas hasta programas hechos exclusivamente para editar paginas web(Frontpage, Visual Interdev,Dreamweaver, etc). El principio esencial del lenguaje HTML es el uso de las etiquetas (tags). Funcionan de la siguiente manera: <XXX> Este es el inicio de una etiqueta. </XXX> Este es el cierre de una etiqueta.

Las letras de la etiqueta pueden estar en maysculas o minsculas, indiferentemente. Lo que haya entre ambas etiquetas estar influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>: <HTML> [Todo el documento] </HTML>

El documento en s est dividido en dos zonas principales: El encabezamiento, comprendido entre las etiquetas

<HEAD> y </HEAD>

El cuerpo, comprendido entre las etiquetas <BODY> y </BODY>

Dentro del encabezamiento hay informacin del documento, que no se ve en la pantalla principal, principalmente el ttulo del documento, comprendido entre las etiquetas <TITLE> y </TITLE>. El ttulo debe ser breve y descriptivo de su contenido, pues ser lo que vean los dems cuando aadan nuestra pgina a su bookmark (o agenda de direcciones). Dentro del cuerpo est todo lo que queremos que aparezca en la pantalla principal (texto, imgenes, etc.)

o Estructura de una pagina HTML


<HTML> <HEAD> <TITLE>Titulo de la pgina</TITLE> </HEAD> <BODY parmetros> Contenido de la Pgina </BODY> </HTML>

Cabecera
Elementos que no alteran el contenido de la pgina. Ejemplo : <TITLE> Titulo Documento </TITLE>

Cuerpo del Documento


<BODY parmetros> Contenido </BODY>

o Tags(elementos o etiquetas) mas usados

Texto en negrita
<B>...</B> Ejemplo :

Ampliacin del tamao de los caracteres


<BIG>...</BIG> Ejemplo :

Texto en itlico
<EM>...</EM>

Ejemplo :

Color de Texto
<FONT color="#XXXXXX">...</FONT> Ejemplo :

<EM>...</EM>

Texto en itlico(Cursiva)
<I>...</I> Ejemplo :

Texto preformateado
<PRE>...</PRE>

Ejemplo :

Reduccin del tamao de los caracteres


<SMALL>...</SMALL> Ejemplo :

Puesta en negrita del texto


<STRONG>...</STRONG> Ejemplo :

Texto subrayado
<STRONG>...</STRONG> Ejemplo :

Comentarios ignorado por el navegador


<STRONG>...</STRONG> Ejemplo :

Salto de lnea
<BR> Ejemplo :

Centra cada elemento comprendido en la etiqueta


<CENTER>...</CENTER>

Ejemplo :

Centra el elemento encuadrado por la etiqueta


<DIV align=center> ...</DIV> Ejemplo :

Alinea el elemento a la izquierda


<DIV align=left> ...</DIV> Ejemplo :

Alinea el elemento a la derecha


<DIV align=right> ...</DIV> Ejemplo :

Nuevo prrafo
<P>...</P>
Ejemplo :

Prrafo centrado
<P align=center>...</P>
Ejemplo :

Potrebbero piacerti anche