viernes, 30 de noviembre de 2012

MI PAGINA WEB

<HTML>
<HEAD>
<TITLE>Sistemas Operativos</TITLE>
</HEAD>
<BODY>
      <FONT FACE="Georgia">
</FONT>
      <BR>
      <H1><¿Qué es un sistema operativo?</H1>
      <BR>
     Es el programa (o software) más importante de un ordenador. Para que funcionen los    
otros programas, cada ordenador de uso general debe tener un sistema operativo. Los sistemas operativos realizan tareas básicas, tales como reconocimiento de la conexión del teclado, enviar la información a la pantalla, no perder de vista archivos y directorios en el disco, y controlar los dispositivos periféricos tales como impresoras, escáner, etc.
   <BR>
    <H1>Tipos de sistemas operativos</H1>
      <BR>
      <H3>Sistema Operativo Windows</H3>
      <BR>
      <img src=./computo/imagenes/windows.jpg>
      <BR>
      <H3>Sistema Operativo Linux</H3>
     <BR>
     <img src=./computo/imagenes/linux.lpg>
     <BR>
    <H1>Diferencia entre Sistema Operativo Windows y Linux</H1>
      <BR>
      Windows es más fácil de usar y de configurar, es inestable y se bloquea frecuentemente.
      Linux es más potente, estable y seguro, pero no es fácil de usar.
      <BR>
      <H1>Diferencia entre AMD E INTEL</H1>
      <BR>
      Intel es más caro y sus dos preocesadores son matemáticos, por lo cual trabajar con el PC es más rápido
      AMD es más barato y tiene un procesador matemático y otro gráfico por lo cual es mejor para jugar
      <BR>
       <H1>Tipos de sistemas operativos para celulares</H1>
      <BR>
      Symbian
      <BR>
      Blackberry
      <BR>
      Java
      <BR>
      Windows Mobile
      <BR>
      Palm
      <BR>
      Mac SO X
      <BR>
 </CENTER>
 </BODY>
</HTML>|

  
Publicado por en No hay comentarios:

DISEÑO DE TABLA




  • Estructura de una tabla:

        <table border>
                  <tr>
                          etiquedas de distintas celdas de la primera fila
                 </tr>
                          etiquetas de las distintas celdas de la segunda fila
   </tr>

        </table>



  • <td></td> 

           <TABLE BORDER>
                  <tr>
                            <td>fila 1-celda1</td>
                           <td>fila 1-celda2</td>
                 </tr>
                 <tr>
                            <td>fila 2-celda 1</td>
                            <td>fila 2-celda 2</td>
                </tr>
          </table>




  • tabla siguiente:
             <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>





  • bordes: 

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



  •  para poner texto 
            <html>
            <head>
            <title>
            </title>
            </head>
            <body>
            <table>
             <tr>
             <TD>Este texto esta dentro de una celda</A></TD>
             </tr>
             <tr>
               Para poner una imagen...
             </TD><IMG SRC="IMAGEN 1.jpg"></TD>
             </Tr>
             <tr>
              Para poner un enlace...
             <TD><A HREF="PRIMERA.HTML">Ir a la primera pagina</A></TD>
             </tr>
             </TABLE>
             </body>
              </html>
             





  • tabla con color de fondo
         <html>
         <head>
         <title>
         </title>
         </head>
         <body>
         <TABLE BORDER=7 WIDTH=60% HEIGHT=200 BGCOLOR="#CC33CC">
                                     <CAPTION>Titulo de la tabla</CAPTION>
        <tr>
                                   <th>Columna 1</th>
                                   <th>Columna 2</th>
                                   <th>Columna 3</th>
  </tr>
       <tr>
                                  <TD BGCOLOR="#3300FF">fila 1-celda 1</TD>
                                <TD>fila 1-celda 2</TD>
                                <TD>fila 1-celda 3</TD>
       </tr>
  <tr>
                               <TD>fila 2-celda 1</TD>
                               <TD>fila 2-celda 2</TD>
                               <TD>fila 2-celda 3</TD>
     </tr>
      </TABLE>
      </body>
      </html>     


Publicado por en No hay comentarios:

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> 



 2)


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





4)

<HTML>
       <HEAD>
       <TITLE>
                             Mi pagina web
       </TITLE>
       </HEAD>
       <BODY>
       <center><iframe width="560" height="315" src="http://www.youtube.com/embed/iVDclLZk6lI" frameborder="0" allowfullscreen></iframe></center>
      <center><imgcsrc=./imagenes/rihanna.jpg></center>

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





5)


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




6)

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

jueves, 29 de noviembre de 2012

DISEÑO DE PAGINA 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:
Suscribirse a: Comentarios (Atom)