paginas web


MI PRIMER PAGINA EN HTML5 MI PRESENTACION

MI PRIMER PAGINA EN HTML5 MI PRESENTACION

11 COMPUTACION J-M LEMO

BIENVENIDOS" A LA PPRESENTACION DE MI PRIMER PAGINA WEB"


CAMILA:
SOY UNA ESTUDIANTE DEL GRADO 11 COMPUTACION
TENGO 16 AÑOS DE EDAD SOY MUY DIVERTIDA ME ENCANTA DEDICARLE TIEMPO AMI ESTUDI
ME GUSTA EN MI TIEMPOS LIBRES JUGAR HACER UN DEPORTE

mi nombre es CAMILA ALEJANDRA
ESTRADA JURADO

  • LEMO
  • 11 computacion
  • jm
  • KMILITHAA
  1. fila 1
  2. fila 2
  3. fila 3
PAGINA WEB CON  DOCTYPE pagina de html5 <!--es el titulo de la pestaña en el navegador
resultado de ejercicio de HTML5






ESCULTURA DE UNA PAGINA EN HTML5

aqui aprenderemos a realizar una extructura en html5

ARTICULO DOS

este es un parrafo que pertenece al articulo dos

ARTICULO DOS

este es un parrafo que pertenece al articulo dos

ARTICULO TRES

eate es un parrafo que pertenece al articulo tres

ARTICULO CUATRO

eate es un parrafo que pertenece al articulo cuatro
aqui colocamos nuestro pie de pagina







formularios en html5 formulario de html

















-->

<!DOCTYPE>
<HTML>
 <!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS-->
 <HEAD>
  <TITLE>mi computador</TITLE>
      <link href="css/estilo.css" rel="stylesheet" type="text/css"/>
 <link href="css/header.css" rel="stylesheet" type="text/css"/>
  <link href="css/centro.css" rel="stylesheet" type="text/css"/>
 </HEAD>

   <BODY background="imagen/fondo-de-pantalla-degradado-azul.jpg">
   <!--el div agrupa una serie de elementos que van a ser cambiados por el maqueteador css-->
   <DIV id="TODO">
   <header>
   <!--header es la cabecera en html5-->
   <h1><center><font face="cosmic" size=+10 color="faf2ef"> compu lemo</center> </font></h1>
 
      <form action="index.html" method="post">
    <input size="20px" type="text">
<input type="submit" value="buscar">
</form>



   <p>aqui  encontraremos variedad de productos requeridos por un usuario, y  buscamos satisfacer sus necesidades</p>
 

 
   <NAV>
   <UL>
     <!--HACEMOS UNA LISTA NO ORDENADA DE NUESTRO MENU-->
     <LI> <A HREF="#">INICIO</A> </LI>
     <LI> <A HREF="#">CONSOLA</A> </LI>
     <LI> <A HREF="#">INFORMATICA</A> </LI>
     <LI> <A HREF="#">TELEFONICA</A> </LI>
   </nav>
   </header>
   </UL>
     <center><img class="imagenes" src="I:\maquetacion web\imagen\GOGLE.JPG"></center>
  <center><img class="imagenes" src="I:\maquetacion web\imagen\FACE.JPG"></center>
      <center><img class="imagenes" src="I:\maquetacion web\imagen\PAJARO.JPG"></center>
   <!--PARA LOS BLOQUES QUE VAN A QUFDAR A LA DERECHA O A LA IZQUIERDA DE LA PAGINA WEB-->
   <ASIDE ID="IZQUIERDA">
   <P> <form action="indeindex.html"method="post"/>
   <table>
      <tr>
     <th colspan="2">
 iniciar secion
 </th>

 </tr>
 <tr>
     <th>
 <label>Usuario</label>
 </th>
 
 <th>
 <input type="text" name="nombreuser" size="10px">
 </th>
 </tr>
 <tr>
     <th>
 <label>Contraseña</label>
 </th>
 <th>
 <input type="password" name="pass" size="10px">
 </th>
 </tr>

   </table>
   </P>
   </ASIDE>
   <ASIDE ID="derecha">
   <P>
       <ul>
       <li><a href="http://kamilaestrada.blogspot.com/">aticulo 2 <time>8-08-2013</time></A></li>
      <li><a href="http://www.youtube.com/watch?v=s9mQYrSI8Jc"> aticulo 1 <time>8-08-2013</time></A></li>
      <li><a href="http://ponce.inter.edu/vl/computing/hard6.html">aticulo 3 <time>8-08-2013</time></A></li>
      <li><a href="http://www.iemoraosejo.edu.co/moraosejo/">aticulo 4 <time>8-08-2013</time></A></li>
  </ul>
   </P>
      </ASIDE>
      <!--LOS ARTICULOS PRINCIPALES SE UBICAN CON UN TAG LLAMADO SECTION-->
      <SECTION>
       <ARTICLE>
   <center><img class="imagenes" src="I:\maquetacion web\imagen\KLEJITHA.JPG"></center>
 <h1><center><font face="cosmic" size=+10 color="black"> PARTES DE UN PC </center> </font></h1>
 <H1>CARCAZA</H1>
 <H1>TARJETA MADRE</H1>
 <H1>PROCESADOR</H1>
 <H1>DISCO DURO</H1>
 <H1>TARJETA DE MEMORIA</H1>
 <H1>TARJETA GRÁFICA</H1>
 <H1>REPRODUCTOR DE CD O DVD</H1>
 <H1>UNIDAD DE DISQUETE</H1>

   <center><img class="imagenes" src="I:\maquetacion web\imagen\camila.png"></center>
  <h1><center><font face="cosmic" size=+10 color="black"> computadores de escritorio</center> </font></h1>
   <p>es una computadora personal que es diseñada para ser usada en una ubicación fija, como un escritorio -como su nombre indica</p>
  <center><IMG SRC="I:\maquetacion web\imagen\comp.png" VSPACE=40 HSPACE=30></center>
  <center><IMG SRC="I:\maquetacion web\imagen\compu2.png" VSPACE=40 HSPACE=30></center>
   <center><IMG SRC="I:\maquetacion web\imagen\compu3.png" VSPACE=40 HSPACE=30></center>
 
        <h1><center><font face="cosmic" size=+10 color="black"> computadoras portatiles</center> </font></h1>
        <P> es un ordenador personal móvil o transportable, que pesa normalmente entre 1 y 3 kg.
 </P>
  <center><IMG SRC="I:\maquetacion web\imagen\por.png" VSPACE=40 HSPACE=30></center>
 <center><IMG SRC="I:\maquetacion web\imagen\por1.png" VSPACE=40 HSPACE=30></center>
 <center><IMG SRC="I:\maquetacion web\imagen\por3.png" VSPACE=40 HSPACE=30></center>
 <h1><center><font face="cosmic" size=+10 color="black"> tablets</center> </font></h1>
 <center><IMG SRC="I:\maquetacion web\imagen\tables mm.png" VSPACE=40 HSPACE=30></center>
 <center><IMG SRC="I:\maquetacion web\imagen\tablesss.png" VSPACE=40 HSPACE=30></center>
   <h1><center><font face="cosmic" size=+10 color="black"> OFERTAS</center> </font></h1>
  <IMG SRC="I:\maquetacion web\imagen\oferta mm.png" VSPACE=40 HSPACE=30>
  <IMG SRC="I:\maquetacion web\imagen\ofer2.png" VSPACE=40 HSPACE=30>
  <IMG SRC="I:\maquetacion web\imagen\ofer3.png" VSPACE=40 HSPACE=30>
   <h1><center><font face="cosmic" size=+10 color="black"> accesorios</center> </font></h1>
   <center><IMG SRC="I:\maquetacion web\imagen\acsesorios.png" VSPACE=40 HSPACE=30></center>
     <center><IMG SRC="I:\maquetacion web\imagen\acsesorios2.png" VSPACE=40 HSPACE=30></center>
<h1><center><font face="cosmic" size=+10 color="black"> ACESORIOS </center> </font></h1>
         <H1>CD</H1>
 <H1>USB</H1>
 <H1>MAUSE</H1>
 <H1>PARLANTES</H1>
 <H1>JOYSTICK</H1>
 <H1>ADAPTADORES</H1>
 <H1>MEMORIAS SD</H1>
 <H1>AUDIFONOS</H1>
 <H1>JUEGOS PARA PC</H1>
 <H1>WEBCAM</H1>
 <H1>SOPORTES</H1>
 <H1>CABLES DE RED</H1>
 <H1>CABLES PARA ANTENA WIFI</H1>
 <H1>CABLES MULTIPROPOSITOS</H1>

<h1><center><font face="cosmic" size=+10 color="black">impresora y scanners</center> </font></h1>
<center><IMG SRC="I:\maquetacion web\imagen\impresora.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="I:\maquetacion web\imagen\impresora1.png" VSPACE=40 HSPACE=30></center>
 
   <h1><center><font face="cosmic" size=+10 color="black"> OFERTAS</center> </font></h1>
   <IMG SRC="I:\maquetacion web\imagen\pp.png" VSPACE=40 HSPACE=30>
  <IMG SRC="I:\maquetacion web\imagen\ppp.png" VSPACE=40 HSPACE=30>
   <center><IMG SRC="I:\maquetacion web\imagen\klej.gif" VSPACE=40 HSPACE=30></center>

   
        <video width="400" height="200" controls="controls" proload="proload">
        <source src="imagenes/Ñengo Flow   No Dice Na (Video Oficial).mp4">
     </source>
     </video>
        </ARTICLE>
        <ARTICLE>
     
        <H1>ARTICULO DOS</H1>
        <P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 2 </P>
        </ARTICLE>

        <audio controls="controls" src="imagenes/Plan B   Se Cree Mala ( Vídeo Oficial ) La Formula.mp3">
        si no sirve utilice otro servidor
        </audio>
        <ARTICLE>
        <H1>ARTICULO TRES</H1>
        <P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 3 </P>
        </ARTICLE>
        <IMG SRC="I:\maquetacion web\imagen\camila.png" VSPACE=40 HSPACE=30>
        <ARTICLE>
        <H1>ARTICULO CUATRO</H1>
        <P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 4 </P>
        </ARTICLE>
<IMG SRC="I:\maquetacion web\imagen\kmila.png" VSPACE=40 HSPACE=30>
      </SECTION>
      <!--EL PIE DE PAGINA SE ESCRIBE CON EL TAG FOOTER -->
      <FOOTER>
   

      </footer>
   </div>
   </BODY>
</HTML>

4 comentarios:

Suscribirse a: Entradas (Atom)