informatica

informatica

viernes, 30 de noviembre de 2012

PAGINA WEB CON VIDEOS¡¡

1)

<html>
<head>
<title>
      Mi pagina Web.
</title>
</head>
<body>
    <center>Mi video</center>
    <center><iframe width="560" height="315" src="http://www.youtube.com/embed/Ys7-6_t7OEQ" frameborder="0" allowfullscreen></iframe></center>
   <center>Mi imagen</center>
    <br>
   <center><img src.=/imagenes/beauty_and_a_beat.jpg></center>
       Hola soy yo.Estoy haciendo una pagina Web.
   <p>
   Aqui paso a otro parrafo.
   <br>
   Aqui bajo un renglon.
   <p>
   <CENTER>
   Este textoestacentrado.
   </CENTER>
   <HR width=10% SIZE=1>
   <HR width=30% SIZE=4>
   <HR width=100% SIZE=8>
</BODY>
</HTML> 







<HTML>
   <HEAD>
   <TITLE>
                   Mipágina de WEB
   </TITLE>
   </HEAD>
   <BODY>
      <center>Mi video</center>
     <center><iframe width="560" height="315" src="http://www.youtube.com/embed/lr9wk-hfgW4" frameborder="0" allowfullscreen></iframe></center>
       <br>
       <center><img src.=/imagenes/rihanna.jpg></center>
                   <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>

3)



<HTML>
     <HEAD>
     <TITLE>
                    Mipágina de WEB
     </TITLE>
     </HEAD>
      <center>Mi video</center>
      <center><iframe width="420" height="315" src="http://www.youtube.com/embed/ih_rNdPtUu0" frameborder="0" allowfullscreen></iframe></center>
<br>
<center><img src=./imagenes/britney.jpg></center>
                    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>
                    <HR width=10% SIZE=1>
                    <HR width=30% SIZE=4>
                    <HR width=100% SIZE=8>
      </BODY>
      </HTML>
Publicado por en No hay comentarios:

TABLAS : PARTE TRES¡


<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TD>Este texto esta dentro de una
celsa</A></TD>
     Para poner una imagen...
<TD><IMG SRC=2imagen1.jpg"></TD>
    Para poner un enlace...
<TD><A HREF="primera.htm">Ir a la primera
pagina</A></TD>
</TABLE>
</BODY>
</HTML>
Publicado por en No hay comentarios:

TABLAS : PARTE DOS¡


<html>
<head>
<title>
</title>
</head>
<body>
<table border= 5>
        <caption> titulo de la tabla </caption>caption>
<tr>
       <td> fila1-celda 1</td>
<td> fila1-celda 2</td>
<td> fila1-celda 3</td>
</tr>
<tr>
       <td> fila2-celda 1</td>
<td> fila2-celda 2</td>
<td> fila2-celda 3</td>
        </tr>
</table>
</body>
</html>
Publicado por en No hay comentarios:

TABLAS: PARTE 1¡


<html>
<head>
<title>
</title>
</head>
<body>
<table border>
       <tr>
        <td> fila 1- celda1</td>
<td> fila 1- celda2</td>
<td> fila 1- celda3</td>
   </tr>
<tr>
    <td> fila 2- celda1</td>
<td> fila 2- celda2</td>
<td> fila 2- celda3</td>
</tr>

</table>
</body>
</html>

Publicado por en No hay comentarios:

jueves, 29 de noviembre de 2012



                             Diseño de Página Web
  • 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>
                     <CENTER>
                     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>
                   <!--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 la pantalla
                   <P>
                   <B>Estas palabras están en negrita</B>
                   <P>
                   <l>Estas palabras están en itálica</l>
                   </BODY>
  </HTML>
Publicado por en No hay comentarios:


Lenguaje web

<html>
   <head>
   <title>Pagina nueva 2</title>
  </head>
  <body bgcolor=cyan>
<PRE>

            1  2   3   4   5   6   7                    <B>Esto es una demostración de </B>
            8  9  10 11 12 13 14                             texto preformateado
          15 16 17 18 19 20 21


D:\3ro sec_andry lupuche rodriguez\pagina04.html

<html>
   <head>
   <title>Pagina nueva 2</title>
   </head>
   <body bgcolor=cyan>
<h1>Listas</h1>
<HR>
<OL>
<LI>Capa de Datos
<LI>Postgresql
</OL>
<UL>
<LI>Html
<LI>JavaScript
</UL>
|</html>
D:\3ro sec_andry lupuche rodriguez\pagina02.html

<html>
   <head>
   <ttitle>Manipulando imágenes</title>
   </head>
   <body>
   <h1>Tres Imagenes  ...</h1>
   <img src=./imagenes/logo.jpg>
   <p/>
   <img src=./imagenes/intro.jpg>
  <hr>
  <img src=./imagenes/final.jpg ALIGN=LEFT  WIDTH=272 HEIGHT=92 >
  </body>
</html>|
Programación HTML:
Para utilizar listas:

<HTML>
<HEAD>
<TITLE>Lista de viñetas</TITLE>
<HEAD>
<BODY>
Los últimos cuatro viajes que he realizado han tenido como destino:
<UL>
<LI>Canarias</LI>
<LI>Venezuela</LI>
<LI>Nueva Zelanda</LI>
<LI>El Tíbet</LI>
</UL>
<OL  START=4  TYPE=A>
<LI>Canarias</LI>
<LI>Venezuela</LI>
<LI>Nueva Zelanda</LI>
<LI>El Tíbet</LI>
</OL>

Vínculo para poner imágenes a la página

<img src="imagenes/Einstein.gif"  WIDTH="160"  HEIGHT="108">
Publicado por en No hay comentarios:

viernes, 16 de noviembre de 2012


AQUA(agua)           
black (negro)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)    
Publicado por en No hay comentarios:

diseño de paginas web



1)
<html>
  <head> 
     <title>Primer ejemplo</title>
  </head>
  <body>
  Programación html
  <hr>
  BSCONSULTORES -Arequipa 2008
  </body>
</html>

2)
<html>
  <head> 
     <title>Pagina nueva 1 </title>
  </head>
  <body bgcolor=cyan>
  <h1>Segunda prueba...</h1>
  <h2>Encabezados en HTML</h2>
  <hr>
  <u><b>BSConsultores </b> -Arequipa 2008</u>
  </body>
</html>

3)
<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>
Publicado por en No hay comentarios:
Suscribirse a: Comentarios (Atom)