4)
<html>
<head>
<title>Pagina nueva 2</title>
</head>
<body bgcolor=cyan>
<PRE>
1 2 3 4 5 6 7 <B>Esto es una demostracion de </B>
8 9 10 11 12 13 14 texto preformateado
15 16 17 18 19 20 21
</PRE>
</html>
5)
<html>
<head>
<title>Pagina nueva 2</title>
</head>
<body bgcolor=cyan>
<h1>Listas</h1>
<HR>
<OL>
<LI>Capa de Datos
<LI>Mysql
<LI>Postgresql
</OL>
<UL>
<LI>Html
<LI>Javascript
</UL>
|</html>
6)
<html>
<head
<title>Manioulando Imagenes </title>
</head>
<body>
<h1>Tres Imagenes ...</h1>
<img src=./imagenes/logo.jpg>
<p/>
<img src=./imagenes/intro.jpg>
<hr>
<img src=./imagenes/final.jpg ALGIN=LEFT WIDTH=272 HEIGHT=92
</body>
</html>
viernes, 30 de noviembre de 2012
sábado, 24 de noviembre de 2012
Diseño de Página Web
-Etiqueta <P>
<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
<HTML>
<HEAD>
<TITLE>
Mipágina de WEB
</TITLE>
</HEAD>
<BODY>
<H1>Título más grandecon H1</H1>
<H2>Título menos grandecon H2</H2>
<H3>Título unpocomenos grandecon H3</H3>
<H4>Título en letra normal con H4</H4>
<H5>Título en letra 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>
-Etiqueta <HR>
<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>
<CENTER>
Este texto está centrado
<HR width=10% SIZE=1
<HR width=30% SIZE=4
<HR width 100% SIZE=8>
</BODY>
</HTML>
-Letras en negrita <B> y </B>
<HTML>
<HEAD>
<TITLE>
Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>
<B>Estas palabras están en negrita</B>
<P>
<|>Estas palabras están en itálica </|>
<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) y listas ordenadas (OL)
<HTML>
<HEAD>
<TITLE>
Mi segunda página de WEB
</TITLE>
<HEAD>
<BODY>
Lista desordenada:
<UL>
<LI> Monitor
<LI> Placa de sonido
<LI> Teclado
<LI> Etc.
</UL>
Lista ordenada:
<OL>
<LI> Monitor
<LI> Placa de sonido
<LI> Teclado
<LI> Etc.
</OL>
</BODY>
</HTML>
-Listas de definición (DT)
<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>
<!--Esto es un comentario al código que no se verá en
pantalla-->
El texto que figura como comentario en este código no lo
vemos en pantalla.
<P>
<B>Estas palabras están en negrita</B>
<P>
<|>Estas palabras están en itálica<|I>
</BODY>
</HTML>
<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
<HTML>
<HEAD>
<TITLE>
Mipágina de WEB
</TITLE>
</HEAD>
<BODY>
<H1>Título más grandecon H1</H1>
<H2>Título menos grandecon H2</H2>
<H3>Título unpocomenos grandecon H3</H3>
<H4>Título en letra normal con H4</H4>
<H5>Título en letra 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>
-Etiqueta <HR>
<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>
<CENTER>
Este texto está centrado
<HR width=10% SIZE=1
<HR width=30% SIZE=4
<HR width 100% SIZE=8>
</BODY>
</HTML>
-Letras en negrita <B> y </B>
<HTML>
<HEAD>
<TITLE>
Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>
<B>Estas palabras están en negrita</B>
<P>
<|>Estas palabras están en itálica </|>
<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) y listas ordenadas (OL)
<HTML>
<HEAD>
<TITLE>
Mi segunda página de WEB
</TITLE>
<HEAD>
<BODY>
Lista desordenada:
<UL>
<LI> Monitor
<LI> Placa de sonido
<LI> Teclado
<LI> Etc.
</UL>
Lista ordenada:
<OL>
<LI> Monitor
<LI> Placa de sonido
<LI> Teclado
<LI> Etc.
</OL>
</BODY>
</HTML>
-Listas de definición (DT)
<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>
<!--Esto es un comentario al código que no se verá en
pantalla-->
El texto que figura como comentario en este código no lo
vemos en pantalla.
<P>
<B>Estas palabras están en negrita</B>
<P>
<|>Estas palabras están en itálica<|I>
</BODY>
</HTML>
Página Web I
<html>
<head>
<title<Primer ejemplo</title>
</head>
<body>
Programación html
<hr>
BSCONSULTORES - Arequipa 2008
>/body>
<html>|
<html>
<head>
<title>Pagina nueva 1<7title>
</head>
<body bgcolor=cyan>
<h1>Segunda prueba ...</h1>
<h2>Encabezados en HTML</h2>
<hr>
<u><b>BSConsultores</b> - Arequipa 2008|</u>
</body>
</html>
<html>
<head>
<title>Pagina nueva 2|<title>
</head>
<body bgcolor=cyan>
<FONT SIZE=3>A</font><FONT SIZE=4>A</font><FONT SIZE=5>A</font>
<FONT SIZE=6>A</font><FONT SIZE=7>A</font><FONT SIZE=6>A</font>
<FONT SIZE=5>A</font><FONT SIZE=4>A</font><FONT SIZE=3>A</font>
</body>
</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)
Suscribirse a:
Comentarios (Atom)