lunes, 9 de junio de 2014

COMO UTILIZAR LOS COMANDOS HEADER, NAV, SECTION

<!DOCTYPE html>
<html lang="es">
 <head>
  <title>CEis:centro de estudios ingenieria de sistemas </title>
  <meta description="grupos de estudio para las materias de ingenieria de sientemas"/>
  <meta charset="utf-8" />
 </head>
 <body>
   <header>
     <figure>
        <img src="images.jpg" />
     </figure>
   <h1> CEis:centro de estudios ingenieria de sistemas </h1>
     <figure>
       <img src="descarga.jpg" />
     </figure>
     </header>

 <nav>
   <ul>
     <li>
      <a href="#" > html5 </a>
     </li>
     <li><a href="#" > BD</a></li>
     <li><a href="#" > java</a></li>
     <li><a href="#" > publicar</a></li>
   </ul>

<section>
 <article>
   <figure>
     <img src="publicacion.jpg" />
   </figure>
    <h2>uso del canvas en html5</h2>
 <div class="item_description" >
vamos a ver el uso del api canvas de html5 y vamos a realizar el juego de la serpiente
 </div>

java scrip

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
         var numero = 0;
         var mensaje = "esto es una cadena";
         var bandera = true; //true o false

         function suma(){
             var totalsuma = 5 + 8;
             alert(totalsuma);
              }
             suma();
            
    </script>
</head>
<body>

</body>
</html>

para que la suma me salga entre comillas dobles

para que la suma me salga entre comillas dobles

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
         var numero = 0;
         var mensaje = "esto es una cadena";
         var bandera = true; //true o false

         function suma(){
             var totalsuma = 5 + 8;
             alert("el total de la suma es \"" + totalsuma + "\"");
              }
             suma();
            
    </script>
</head>
<body>

</body>
</html>

SUMA CON CAJAS DE TEXTO

SUMA CON DOS CAJAS DE TEXTO

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
       

         function suma(){

         var numero1 =document.getElementById("txtNumero1").value;
         var numero2 =document.getElementById("txtNumero2").value;
         var totalsuma = parseInt(numero1) + parseInt(numero2);
             alert("el total de la suma es\n \"" + totalsuma + "\"");
              }

             //suma();
           
            
    </script>
</head>
<body>
  <form>
    <input type="text" id="txtNumero1" />
    <input type="text" id="txtNumero2" />
    <input type="button" onclick="suma();" value="calcular" />
  
   
             
  </form>
</body>
</html>

calculadora

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
       

         function suma(){

         var numero1 = $("txtNumero1").value;
         var numero2 = $("txtNumero2").value;
         var totalsuma = parseInt(numero1) + parseInt(numero2);
             alert("el total de la suma es\n \"" + totalsuma + "\"");
              }

             //suma();
           
        function $(id){
              return document.getElementById(id);
             }
    </script>
</head>
<body>
  <form>
    <input type="text" id="txtNumero1" />
    <input type="text" id="txtNumero2" />
    <input type="button" onclick="suma();" value="calcular" />
  
   
             
  </form>
</body>
</html>
COMO MOSTRAR UNA IMAGEN EN HTML JUNTO CON UN COMENTARIO MAS UNA BARRA DE NAVEGACION

<!DOCTYPE html>
<html lang="es">
 <head>
  <title>CEis:centro de estudios ingenieria de sistemas </title>
  <meta description="grupos de estudio para las materias de ingenieria de sientemas"/>
  <meta charset="utf-8" />
 </head>
 <body>
   <header>
     <figure>
        <img src="images.jpg" />
     </figure>
   <h1> CEis:centro de estudios ingenieria de sistemas </h1>
     <figure>
       <img src="descarga.jpg" />
     </figure>
     </header>