Unidad 6. Ejercicio: Crear tabla



s

En este ejercicio practicaremos con tablas. Para realizar este ejercicio debes descargarte el archivo excel2.html de la carpeta ejercicios/unidad-6/curso-excel/excel2.html o copiar el código que se muestra a continuación.

Ejercicio 1: Crear tabla

  1. Desde el editor Brackets abre el archivo excel2.html. Debes tener este código:
  2. <!doctype html>
    <html>
     <head>
      <meta charset="utf-8" />
      <title>Curso de Excel 2016</title></head>
     <body>
      <ul>
      <li><a href="excel1.html">Atrás</a></li>
      <li><a href="index.html">Índice</a></li>
      <li><a href="excel3.html">Adelante</a></li>
      </ul>
      <h1>Unidad 2. Empezando a trabajar con Excel</h1>
      <p>Las teclas activas para poder desplazarse a través de la hoja son:</p>
      <hr>
       <p><a href="https://www.aulaclic.es/index.htm" target="_blank"> &copy; aulaClic S.L.</a></p>
      </body>
     </html>
  3. A continuación del párrafo "... a través de la hoja son:", crea una tabla como la que ves en la siguiente imagen, la primera fila debe ser una fila de cabecera:

  4. Debe quedar el siguiente código:
  5. <!doctype html>
    <html>
    <head>
      <meta charset="utf-8" />
      <title>Curso de Excel 2016</title>
      </head>
    <body>
      <ul>
      <li><a href="excel1.html">Atrás</a></li>
      <li><a href="index.html">Índice</a></li>
      <li><a href="excel3.html">Adelante</a></li>
      </ul>
      <h1>Unidad 2. Empezando a trabajar con Excel</h1>
      <p>Las teclas activas para poder desplazarse a través de la hoja son:</p>
      <table>
        <tr>
          <th>MOVIMIENTO</th>
          <th>TECLADO</th>
        </tr>
        <tr>
          <td> Celda Abajo </td>
          <td><kbd>FLECHA ABAJO </kbd></td>
        </tr>
        <tr>
          <td> Celda Arriba </td>
          <td><kbd>FLECHA ARRIBA</kbd></td>
        </tr>
        <tr>
          <td> Celda Derecha </td>
          <td><kbd>FLECHA DERECHA </kbd></td>
        </tr>
        <tr>
          <td> Celda Izquierda </td>
          <td><kbd>FLECHA IZQUIERDA </kbd></td>
        </tr>
        <tr>
          <td> Pantalla Abajo </td>
          <td><kbd>AVPAG</kbd></td>
        </tr>
      </table>
      <hr>
      <p><a href="http://www.aulaclic.es/index.htm" target="_blank"> &copy; aulaClic S.L.</a></p>
      </body>
      </html>

    Y se debe ver así;

    Ej. paso a paso 1 de la unidad 6

    También puedes ver el resultado en este enlace: excel2_1.html

  6. Pulsa en el menú Archivo y elige Guardar con el mismo nombre excel2.html dentro de la carpeta ejercicios/curso-excel. Visualiza la página web desde el editor Brackets con el botón .
  7. Si no dispones de un editor de texto (por ejemplo, si estás viendo este curso desde un dispositivo móvil) puedes probar el código anterior seleccionándolo y pegándolo como se explica en esta página: Probar código desde el navegador.

 


Enero-2019 (V 2.0)
Volver






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.