Informatica: noviembre 2012

La etiqueta<P> separa el texto en diferentes párrafos,<BR> baja un renglón.

<HTML>

<HEAD>

<TITLE>

Mipágina de WEB

</TITLE>

</HEAD>

<BODY>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón.

</BODY>

</HTML>

Cabeceras o títulos, comprendidos entre las etiquetas <H1> y </H1>, <H2>, </H2>,etc. (hasta el número 6), texto en el centro con <CENTER> </CENTER>

<HTML>

<HEAD>

<TITLE>

Mipágina de WEB

</TITLE>

</HEAD>

<BODY>

<H1>Título más grande con H1</H1>

<H2>Título menos grande con H2</H2>

<H3>Título un poco menos grande con H3</H3>

<H4>Título en letra normal con H4</H4>

<H5>Titulo en letra chica con H5</H5>

<H6>Título en letra bien chica con H6</H6>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón

<P>

<CENTER>

Este texto está centrado

</CENTER>

</BODY>

</HTML>

La etiqueta<HR> ( no existe la correspondiente de cierre) pone una raya horizontal. Para que no ocupe toda la pantalla sino una parte indicándole WIDTH=XX%y el ancho con SIZE=X

<HTML>

<HEAD>

<TITLE>

Mipágina de WEB

</TITLE>

</HEAD>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón.

<P>

Este texto está centrado.

</CENTER>

<HR width=10% SIZE=1>

<HR width=30% SIZE=4>

<HR width=100% SIZE=8>

</BODY>

</HTML>

<B> y </B> para negrita, <l> y </l> cursiva, <PRE> y </PRE> para poner texto preformateado , es decir, aparecerá tal cual uno lo escribe

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB

</TITLE>

</HEAD>

<BODY>

<B>Estas palabras están en negrita </B>

<P>

<l> Estas palabras están en itálica</l>

<P>

<PRE>Este texto está preformateado y esto va luego de 10 espacios en blanco

El texto actual fue escrito después de dar un enter</PRE>

</BODY>

</HTML>

Listas desordenadas (UL), Listas ordenadas (OL)

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB

</TITLE>

</HEAD>

<BODY>

Lista desordenada

<UL>

<Ll> Monitor

<Ll> Placa de sonido

<Ll> Teclado

<Ll> Etc.

</UL>

Lista ordenada:

<OL>

<Ll> Monitor

<Ll> Placa de sonido

<Ll> Teclado

<Ll> Etc.

</OL>

</BODY>

</HTML>

Listas de definición (DT), comentarios no visibles en la pantalla: <l -- y -->

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB.

</TITLE>

</HEAD>

<BODY>

Lista de definición

<DL>

<DT> Monitor:

<DD> Hardware de la computadora cuya función es destruir ojos.

<DT> Placa de sonido:

<DD> Rompe la tranquilidad familiar.

<DT>Teclado:

<DD>Destructor de uñas.

</DL>

El texto que figura como comentario en este código no lo vemos en la pantalla

<P>

<B>Estas palabras están en negrita</B>

<P>

<l>Estas palabras están en itálica</l>

</BODY>

</HTML>

<html>

< head>

<title>Primer ejemplo</title>

< /head>

< body>

Programación html

< hr>

BSCONSULTORES –Arequipa 2008

< /body>

</html>

<html>

< head>

<title>Página nueva 1 </title>

< /head>

<h1>Segunda prueba… < /h1>

<h2>Encabezados en HTML </h2>

<hr>

< u><b>BSConsultores</b> -Arequipa 2008</u>

< /body>

</html>

<html>

< head>

<title>Página nueva 2 </title>

< /head>

</body>

</html>

<html>

< head>

<title>Página nueva 2|</title>

< /head>

<PRE>

1 2 3 4 5 6 7 <B>Esto es una demostracion de </8>

8 9 10 11 12 13 14 texto preformateado

15 16 17 18 19 20 21

</PRE>

</HTML>

<html>

< head>

<title>Página nueva 2</title>

< /head>

<h1>Listas</h1>

<HR>

<OL>

<LI>Capa de Datos

<LI>Mysql

</OL>

<UL>

<LI>JavaScript

</UL>

|</html>

<html>

<head>

<title>Manipulando Imagenes</title>

</head>

<body>

<h1>Tres Imagenes...</h1>

<p/>

<hr>

</body>

</html>|

PROGRAMACION HTML

<HTML>

<HEAD>
<TITLE>Ejemplos de Estilos de Fuentes</TITLE>
</HEAD>
<BODY>
<FONT FACE="Arial">
Este ejemplo muestra cómo cambiar la fuente de un

determinado texto.

<FONT>
<BR>
<FONT SIZE=+4>
Este ejemplo muestra cómo cambiar el tamaño de un

determinado texto.

</FONT>
<BR>
<FONT COLOR=RED SIZE="2" FACE="Arial,Courier">
Este ejemplo muestra cómo cambiar tamaño,tipo y color de un

determinado texto.
</FONT>
</BODY>
</HTML>

Colores que puede utilizar en su página :

AQUA(agua)

BLACK(negro)

BLUE(azul)

FUCHSIA(fucsia)

GRAY(gris)

GREEN(verde)

LIME(lima)

MAROON(marrón)

NAVY(azul marino)

OLIVE(oliva)

PURPLE(morado)

RED(rojo)

SILVER(plata)

TEAL(azul verdoso)

WHITE(blanco)

YELLOW(amarillo)

<HTML>

<HEAD>

<TITLE>Lista de Viñetas < /TITLE>

<HEAD>

<BODY>

Los ultimos cuatro viajes que he realizado han tenido como destino :

<UL>

<LI>Canarias</LI>

<LI>Venezuela < /LI>

<LI>Nueva Zelanda < /LI>

<LI>El Tibet < /LI>

</UL>

<LI>Canarias</LI>

<LI>Venezuela </LI>

<LI>Nueva Zelanda </LI>

<LI>El Tibet </LI>

</OL>

<html>

<head>

<title>Manipulando Imagenes</title>

</head>

<body>

<h1>Tres Imagenes...</h1>

<p/>

<hr>

</body>

</html>|

PROGRAMACION HTML

<HTML>

<HEAD>
<TITLE>Ejemplos de Estilos de Fuentes</TITLE>
</HEAD>
<BODY>
<FONT FACE="Arial">
Este ejemplo muestra cómo cambiar la fuente de un

determinado texto.

<FONT>
<BR>
<FONT SIZE=+4>
Este ejemplo muestra cómo cambiar el tamaño de un

determinado texto.

</FONT>
<BR>
<FONT COLOR=RED SIZE="2" FACE="Arial,Courier">
Este ejemplo muestra cómo cambiar tamaño,tipo y color de un

determinado texto.
</FONT>
</BODY>
</HTML>

Colores que puede utilizar en su página :

AQUA(agua)

BLACK(negro)

BLUE(azul)

FUCHSIA(fucsia)

GRAY(gris)

GREEN(verde)

LIME(lima)

MAROON(marrón)

NAVY(azul marino)

OLIVE(oliva)

PURPLE(morado)

RED(rojo)

SILVER(plata)

TEAL(azul verdoso)

WHITE(blanco)

YELLOW(amarillo)

<HTML>

<HEAD>

<TITLE>Lista de Viñetas </TITLE>

<HEAD>

<BODY>

Los ultimos cuatro viajes que he realizado han tenido como destino :

<UL>

<LI>Canarias</LI>

<LI>Venezuela </LI>

<LI>Nueva Zelanda </LI>

<LI>El Tibet </LI>

</UL>

<LI>Canarias</LI>

<LI>Venezuela </LI>

<LI>Nueva Zelanda </LI>

<LI>El Tibet </LI>

</OL>

Informatica

viernes, 30 de noviembre de 2012

DISEÑO DE PAGINA WEB

LENGUAJE VERBAL