jueves, 10 de agosto de 2023

RELLENAR Y FIRMAR UN FORMULARIO O DOCUMENTO EN PDF

 Formato de hoja de vida minerva 1003

Formato hoja de vida minerva 1003

Aquí puedes descargar el Formato de hoja de vida minerva 1003. Es un formato de hoja de vida preestablecido que puedes obtener en esta web.

¿Quieres asegurarte de que tu hoja de vida se destaque entre la multitud? No busques más. El formato Minerva 1003 es la herramienta que necesitas para presentar tus capacidades y experiencia de manera impactante.

Hoja de vida minerva 1003 editable PDF

Aquí te dejamos la hoja de vida 1003 pdf. Puedes obtener este formato para editar, diligenciarlo. Es un formato gratis que es aceptador por la mayoría de las empresas.

formato-hoja-de-vida-1003-pdf Descargar

¿Hoja de vida minerva 1003 qué es?

El formato de hoja de vida minerva online 1003 es un estándar generalizado que suelen pedir las empresas en el proceso de contratación. Las ventajas de este formato azul, es que en pocas páginas puedes tener toda la información de un aspirante, lo cual agiliza el proceso de filtrado de perfiles.

¿Por qué utilizar la hoja de vida 1003?

La Hoja de Vida Minerva 1003 azul, es un formato que es fácil de rellenar. Los campos son claros y puntuales respecto a la información que se debe ingresas, otra de las ventajas es que puede ser usado para cualquiera que sea tu sector de empleo.

Pasos de como llenar una hoja de vida Minerva 1003

Sigue estos tips de como llenar una hoja de vida Minerva 1003. Es la manera adecuada de rellenar todos los datos requeridos.

1. Escribir con letra legible

Es de suma importancia que diligencies la hoja de vida con letra clara (evitar la letra cursiva). Evitar los tachones y la mala ortografía.

2. Diligenciar la hoja de vida con la verdad

Es importante que la información diligenciada sea real. Si tienes conocimientos en idiomas es posible que debas demostrarlos, por ejemplo, si dices saber inglés, entonces es muy probable que le hagan la entrevista y te hablen en inglés.

3. Datos actualizados

La información general y familiar como: dirección del domicilio, teléfono, número celular, correo electrónico, profesión, estado civil y años de experiencia laboral deben estar siempre actualizados, ya que, en el caso de la dirección y teléfonos, es la única forma en la cual un jefe de personal o seleccionador te podrá contactar. No olvides pegar una foto reciente de tamaño 3X4, donde te pueda ver con claridad.

4. Llenar el objetivo

No olvides escribir las expectativas laborales, educativas y personales que tienes y cómo planeas hacer que se cumplan. La descripción debe ser “corta y sustanciosa”. Si llenas más del espacio señalado, posiblemente no la lean completamente.

5. Nivel de educación

Es importante que menciones en detalle la educación y aptitudes que posees, así como cursos, diplomados y otros conocimientos. Por ejemplo, si tienes conocimientos de inglés, debes indicar en la escala de: Regular, Bien y Muy Bien, tal como lo encuentra en el formato de hoja de vida.

6. Experiencia laboral

En este espacio se recomienda comenzar por el trabajo más reciente o actual, y así sucesivamente diligenciar las demás experiencias. Se considera igualmente de alto valor para los jefes de selección y entrevistadores, que se escriba los logros obtenidos, ya que si ha conseguido metas importantes, esto puede jugar a favor para que seas escogido para el cargo al que se aspira. En caso de que seas recién egresado(a) de la Universidad/Instituto y no cuentes con experiencia, es de ayuda colocar información sobre prácticas laborales.

7. Realizar la hoja de vida de acuerdo con el cargo al que aplica

Recuerda que las empresas buscan diferentes destrezas en los candidatos. Una hoja de vida con datos iguales para diferentes ofertas de trabajo no sobresale ante las demás.

8. Escribir referencias

Evita escribir más de las referencias personales y familiares descritas en la hoja de vida 1003. Es indiscutible que las personas referidas hablarán bien de usted.

9. Buena presentación

La presentación de la hoja de vida habla mucho de la persona, por eso, si te equivoca es mejor volver a comenzar en lugar de tachar o borrar con corrector; para eso a la hora de comprar la hoja de vida 1003 te recomendamos por lo menos un par, y así estarás preparado para cualquier imprevisto.

miércoles, 9 de agosto de 2023

EJERCICIOS CON HERRAMIENTA WEB CONVERTIR PDF

 1 CONVERTIR PDF A JPG






LINK PARA DESCARGAR LOS ARCHIVOS PARA LA ACTIVIDAD.




2.  CONVERTIR PDF A WORD


Van a seleccionar el archivo llamado Máquinas y mecanismos y lo van a convertir a Word y realizan un resumen.

LINK PARA DESCARGAR EL ARCHIVO PARA LA ACTIVIDAD.


2.1 CONVERTIR WORD  A PDF


Por último van a ir al siguiente link https://www.areatecnologia.com/TUTORIALES/mecanismos.htm, tomar la información de la página pasarla a word y convertirla a PDF

jueves, 3 de agosto de 2023

Máquinas y mecanismos

Una máquina es un conjunto de elementos que interactúan entre sí y que es capaz de realizar un trabajo o aplicar una fuerza, los elementos que constituyen las máquinas se llaman mecanismos.




Mecanismo: dispositivo que traslada el movimiento del elemento motriz al elemento receptor.

Tipos de mecanismos:
  • Transmisión lineal. palancas, poleas, polipasto.
  • Transmisión circular, ruedas de fricción, poleas con correas, engranajes, engranajes con cadena.
  • Transformación del movimiento lineal-circular. piñón-cremallera, torno, tornillo-tuerca.
  • Transformación de movimiento circular-alternativo.

Aplicaciones WEB en línea

En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de internet o de una intranet mediante un navegador.






Importancia de las aplicaciones en línea


Lectura:  https://edu.gcfglobal.org/es/informatica-basica/que-son-las-aplicaciones-web/1/


DIAGRAMAS Y MAPAS



jueves, 8 de junio de 2023

PRUEBA SABER CTS SEGUNDO PERIODO

 


Por favor dar click sobre el link de la evaluación, recuerde seleccionar su nombre de la lista y si realiza la prueba desde el celular activar la opción de rotación para y colocar el celular en sentido horizontal.





lunes, 8 de mayo de 2023

QUE ES MACROMEDIA DREAMWEAVER

Es un software fácil de usar que permite crear páginas web profesionales.

Las funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.

Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual.

Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.

HTML - como crear una página web con tablas 1/3 - 13




Crear tablas HTML. colspan y rowspan. Unir celdas: horizontal y vertical. tr, td, th.

CREACIÓN DE TABLAS EN HTML

En HTML, una poderosa herramienta a la hora de mostrar cierto tipo de información son las tablas. Hay muchos sitios que por su naturaleza no usan tablas aunque existen algunas ocasiones en que el papel de las tablas se vuelve esencial.


El fin de las tablas es preferentemente contener datos ordenados en celdas (filas y columnas). En principio, no deben ser usadas para crear divisiones de cara a mostrar una página web, es decir, es preferible que una página web no esté dividida en distintos espacios usando tablas. Para maquetar una página web y dividirla en distintos espacios se usarán otras herramientas (capas, elementos flotantes, etc.).
Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un documento HTML usando tres elementos básicos: el elemento TABLE (estructura contenedora principal), el elemento TR (contenedor de fila) y el elemento TD (celda).
Cuando el contenido de una celda debe ser vacío, deberías usar una espacio en blanco (que en HTML se escribe como  ) como su contenido. Esto hará que tu página se visualice correctamente, ya que algunos navegadores tienen problemas representando celdas vacías. Ejemplo: <td> </td>
Veamos un ejemplo. Crea un archivo ejemplo.html con este código y visualízalo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>
Ejemplo del uso de tablas - aprenderaprogramar.com</title>
    </head>
    <body>
        <table 
border="2px"> <!-- Lo cambiaremos por CSS -->
           <tr>
              <td>
Celda 1</td>
              <td>
Celda 2</td>
              <td>
Celda 3</td>
          </tr>
          <tr>
              <td>
Celda 4</td>
              <td>
Celda 5</td>
              <td>
Celda 6</td>
          </tr>
        </table>
    </body>
</html>


Ten en cuenta que el atributo border está deprecated o not supported por las versiones más recientes de HTML. Más adelante veremos cómo reemplazarlo usando técnicas CSS.


UNIFICACIÓN DE CELDAS
En algunas ocasiones, puede ser necesario unificar dos o más celdas en una sola que pasará a ocupar el lugar de aquellas afectadas. Estas unificaciones pueden ser llevadas a cabo con los atributos “rowspan” (para unificación vertical) y “colspan” (para unificación horizontal).


UNIFICACIÓN HORIZONTAL CON COLSPAN
Como hemos comentado con anterioridad, para la unificación horizontal de celdas, utilizaremos el atributo de celda “colspan”. Crea un archivo ejemplo.html con este código y visualízalo. Recuerda que el atributo border está deprecated o not supported y que más adelante veremos como reemplazarlo mediante el uso de CSS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>
Ejemplo del uso de tablas - aprenderaprogramar.com</title>
    </head>
    <body>
        <table 
border="2px"> <!-- Lo cambiaremos por CSS -->
            <tr>
                <td>
Campo 1</td>
                <td>
Campo 2</td>
                <td>
Campo 3</td>
            </tr>
            <tr>
                <td 
colspan="2">Campos 4 y 5</td>
                <td>
Campo 6</td>
            </tr>
            <tr>
                <td>
Campo 7</td>
                <td>
Campo 8</td>
                <td>
Campo 9</td>
            </tr>
        </table>
    </body>
</html>


Gráficamente:


UNIFICACIÓN VERTICAL CON ROWSPAN
En este caso, para la unificación vertical de celdas, utilizaremos el atributo de celda “rowspan”. Crea un archivo ejemplo.html con este código y visualízalo (recuerda que el atributo border está deprecated o not supported y que más adelante veremos como reemplazarlo mediante el uso de CSS):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>  
        <meta charset="utf-8">
        <title>Ejemplo del uso de tablas- aprenderaprogramar.com</title>
    </head>

    <body>
        <table 
border="2px"> <!-- Lo cambiaremos por CSS -->
            <tr>
                <td 
rowspan="3">Campo unificado</td>
                <td>
Campo 2</td>
                <td>
Campo 3</td>
            </tr>
            <tr>
                <td>
Campo 5</td>
                <td>
Campo 6</td>
            </tr>
            <tr>
                <td>
Campo 8</td>
                <td>
Campo 9</td>
            </tr>
        </table>
    </body>
</html>


Gráficamente:


CELDAS DE ENCABEZADO
Hay dos tipos de celdas que pueden ser definidas en una tabla HTML. Una de ellas es la celda simple (elemento TD), ya definido anteriormente, y la otra es un tipo especial de celda (elemento TH ó table header, cabecera de tabla) que contiene información de encabezado para un conjunto de celdas específicas.
Los navegadores representan normalmente el contenido de las celdas especiales como texto centrado y en negrita, atributos que también pueden ser visualmente logrados con la utilización de celdas normales (elemento TD). Entonces, ¿para que son útiles estos encabezados? Cuando utilizamos th la celda queda definida como encabezado, no sólo tiene el aspecto de un encabezado. Por poner un símil, no es lo mismo vestirse de policía sin serlo, que ser policía. No es lo mismo una celda que parece un encabezado sin estar definida como tal, que una celda definida realmente como encabezado. Los navegadores para personas invidentes identifican este tipo de encabezados y le dan un tratamiento especial. Además algunos motores de búsqueda (bing, google, yahoo) dan un tratamiento distinto a este tipo de celdas, y algunos navegadores crean efectos especiales para este tipo de celdas. Finalmente, disponer de encabezados nos permitirá crear tablas con un diseño específico para los encabezados. Escribe este código con tu editor de texto y comprueba sus resultados:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>  
        <meta charset="utf-8">
        <title>Ejemplo del uso de tablas- aprenderaprogramar.com</title>
    </head>

    <body>
        <table 
border="2px"> <!-- Lo cambiaremos por CSS -->
            <tr>

                <th>Alumno</th>
                <th>
Asignatura</th>
                <th>
Calificación</th>
            </tr>
            <tr>
                <td>
Juan Pérez</td>
                <td>
Matemáticas</td>          
                <td>
9</td>
            </tr>
            <tr>
                <td>
Rodolfo Cárdenas</td>
                <td>
Francés</td>          
                <td>
5</td>
            </tr>
        </table>
    </body>
</html>


TÍTULO DE LAS TABLAS CON EL ELEMENTO CAPTION
Mediante el elemento caption, podemos definir el título de una tabla. Este título debería describir de una manera breve y precisa el contenido y la naturaleza de la tabla y es habitualmente representado en algún lugar cercano a la tabla (su posición puede ser establecida usando CSS). El elemento caption sólo está permitido si va justo después de la apertura de la tabla. Escribe este código y comprueba el resultado.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>
Ejemplo del uso de tablas - aprenderaprogramar.com</title>
    </head>
    <body>
        <table 
border="2px"> <!-- Lo cambiaremos por CSS -->
            <caption>
Título de la tabla</caption>
            <tr>
                <td>
Contenido 1</td>
                <td>
Contenido 2</td>
                <td>
Contenido 3</td>
            </tr>
            <tr>
                <td>
Contenido 4</td>
                <td>
Contenido 5</td>
                <td>
Contenido 6</td>
            </tr>
        </table>
    </body>
</html>



EJERCICIO
Crea un documento con una tabla HTML que tenga la apariencia de la tabla indicada a continuación. La primera fila debe estar compuesta por elementos de encabezado de tabla (th). No te preocupes por el centrado de los textos, sino únicamente por que las subdivisiones en la tabla aparezcan correctamente.
Jefe departamento
Jefe sección
Empleado
Edad empleado
Juan Alberto Chan
Martín López
Maite Suárez
55
Luis Morales
Mateo Carralde
33
Diana Rodríguez
Carlos Hernández
Alberto Fernández
62
Luis Pérez
Diego Gutiérrez
44



TABLAS BÁSICAS HTML

Tablas básicas




Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr>para crear cada fila y <td> para crear cada columna.

Las tablas sirven para almacenar nuestra información y contenidos, ya que en ellas podemos organizar datos en nuestros documentos de una manera más ordenada y eficiente.
Existen muchos tipos de tablas, podemos cambiar la estructura y división y hacerla sencilla o muy elaborada. La etiqueta que representan a nuestra tabla y con la que la introduciremos es <table> y su cierre </table> y adentro de estas irán otras etiquetas que le darán contenido.

Etiquetas:

<TABLE></TABLE> = Introducir nuestra tabla
<TH></TH> = El encabezado
<TR></TR> = Numero de filas a insertar
<TD>(1,1)</TD> = Numero de celdas dentro de cada fila.

Atributos:

width= numero de pixeles
bordercolor = color de borde
heithg= alto de la tabla
border = bordes de la tabla

A continuación se muestra el código HTML de una tabla sencilla:
<html>
<head><title>Ejemplo de tabla sencilla</title></head>
<body>
 
<h1>Listado de cursos</h1>
 
<table>
<tr>
  <td><strong>Curso</strong></td>
  <td><strong>Horas</strong></td>
  <td><strong>Horario</strong></td>
</tr>
 
<tr>
  <td>CSS</td>
  <td>20</td>
  <td>16:00 - 20:00</td>
</tr>
 
<tr>
  <td>HTML</td>
  <td>20</td>
  <td>16:00 - 20:00</td>
</tr>
 
<tr>
  <td>Dreamweaver</td>
  <td>60</td>
  <td>16:00 - 20:00</td>
</tr>
</table>
 
</body>
</html>
Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la siguiente imagen:
Figura 7.2 Ejemplo de tabla sencilla creada con las etiquetas table, tr y td
La etiqueta <table> encierra todas las filas y columnas de la tabla. Las etiquetas <tr> (del inglés"table row") definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta <td>(del inglés "table data cell") define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos.
Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas. El motivo es que HTML procesa primero las filas y por eso las etiquetas <tr> aparecen antes que las etiquetas <td>.
Etiqueta<table>
Atributos comunesbásicosinternacionalización y eventos
Atributos propios
  • summary = "texto" - Permite describir el contenido de la tabla (lo utilizan los buscadores y las personas discapacitadas)
Tipo de elementoBloque
DescripciónSe emplea para definir tablas de datos
Etiqueta<tr>
Atributos comunesbásicosinternacionalización y eventos
Atributos propios-
Tipo de elementoBloque
DescripciónSe emplea para definir cada fila de las tablas de datos
Etiqueta<td>
Atributos comunesbásicosinternacionalización y eventos
Atributos propios
  • abbr = "texto" - Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas)
  • headers = "lista_de_id" - Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de valores del atributo "id" de celdas
  • scope = "col, row, colgroup, rowgroup" - Indica las celdas para las que esta celda será su cabecera. Ej: scope="col" indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna
  • colspan = "numero" - Número de columnas que ocupa esta celda
  • rowspan = "numero" - Número de filas que ocupa esta celda
Tipo de elementoBloque
DescripciónSe emplea para definir cada una de las celdas que forman las filas de una tabla, es decir, las columnas de la tabla
De todos los atributos disponibles para las celdas, los más utilizados son rowspan y colspan, que se emplean para construir tablas complejas como las que se ven más adelante. Entre los demás atributos, sólo se utiliza de forma habitual el atributo scope, sobre todo con las celdas de cabecera que se ven a continuación.
Normalmente, algunas de las celdas de la tabla se utilizan como cabecera de las demás celdas de la fila o de la columna. En este caso, HTML define la etiqueta <th> (del inglés "table header cell") para indicar que una celda es cabecera de otras celdas.
Etiqueta<th>
Atributos comunesbásicosinternacionalización y eventos
Atributos propios
  • abbr = "texto" - Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas)
  • headers = "lista_de_id" - Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de ID de celdas
  • scope = "col, row, colgroup, rowgroup" - Indica las celdas para las que esta celda será su cabecera. Ej: scope="col" indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna
  • colspan = "numero" - Número de columnas que ocupa esta celda
  • rowspan = "numero" - Número de filas que ocupa esta celda
Tipo de elementoBloque
DescripciónSe emplea para definir las celdas que son cabecera de una fila o de una columna de la tabla
Los atributos de la etiqueta <th> son idénticos que los atributos definidos para la etiqueta <td>. En este caso, el atributo más utilizado es scope, que permite indicar si la celda es cabecera de la fila o de la columna (<th scope="row"> y <th scope="col"> respectivamente).
Por otra parte, HTML define la etiqueta <caption> para establecer la leyenda o título de una tabla. La etiqueta debe colocarse inmediatamente después de la etiqueta <table> y cada tabla sólo puede incluir una etiqueta <caption>.
Etiqueta<caption>
Atributos comunesbásicosinternacionalización y eventos
Atributos propios-
Tipo de elementoEn línea
DescripciónSe emplea para definir la leyenda o título de una tabla
Ejercicio 11
Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen:

Figura 7.3 Tabla sencilla con celdas de cabecera
Utilizar las celdas de cabecera donde sea necesario y añadir todos los atributos posibles.
Ejercicio 12
Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen. Utilizar las celdas de cabecera donde sea necesario y añadir todos los atributos posibles.

Figura 7.4 Tabla con los resultados de una búsqueda
Descargar archivo ZIP con todas las imágenes
Las tablas complejas suelen disponer de una estructura irregular que junta varias columnas para formar una columna ancha o une varias filas para formar una fila más alta que las demás. Para fusionar filas o columnas, se utilizan los atributos rowspan y colspan respectivamente.
La siguiente imagen muestra una tabla compleja que ha fusionado dos columnas simples para formar una columna más ancha:


Figura 7.5 Ejemplo sencillo de fusión de columnas
Para obtener una tabla como la de la imagen anterior, se debe utilizar el siguiente código:
<table>
<tr>
  <td colspan="2">A</td>
</tr>
 
<tr>
  <td>B</td>
  <td>C</td>
</tr>
</table>
La primera fila de la tabla está formada sólo por una columna, mientras que la segunda fila está formada por dos columnas. En principio, podría pensarse en utilizar el siguiente código HTML para definir la tabla:
<table>
<tr>
  <td>A</td>
</tr>
 
<tr>
  <td>B</td>
  <td>C</td>
</tr>
</table>
Sin embargo, si se utiliza el código anterior, el navegador visualiza de forma incorrecta la tabla, ya que las tablas en HTML deben disponer de una estructura regular. En otras palabras, todas las filas de una tabla HTML deben tener el mismo número de columnas. Por lo tanto, si se quieren mostrar menos columnas en una fila, se fusionan mediante el atributo colspan, que indica el número de columnas simples que va a ocupar una determinada celda.
En el ejemplo anterior, la celda de la primera fila debe ocupar el espacio de dos columnas simples, por lo que el código HTML debe ser <td colspan="2">A</td>.
De forma equivalente, si se quiere diseñar una tabla HTML que fusiona filas como la de la siguiente imagen:

Figura 7.6 Ejemplo sencillo de fusión de filas
El código HTML que se debe utilizar para obtener la tabla de la imagen anterior es:
<table>
<tr>
  <td>A</td>
  <td rowspan="2">B</td>
</tr>
 
<tr>
  <td>C</td>
</tr>
</table>
De forma análoga a la fusión de columnas del ejemplo anterior, la fusión de filas debe indicarse de forma especial. Como las tablas HTML tienen que ser regulares, todas las columnas deben tener el mismo número de filas. Así, si en el ejemplo anterior se utilizara el siguiente código:
<table>
<tr>
  <td>A</td>
  <td>B</td>
</tr>
 
<tr>
  <td>C</td>
</tr>
</table>
La tabla anterior no se visualizaría correctamente. Como la segunda columna de la tabla ocupa el espacio de las dos filas, el código HTML debe indicar claramente que esa celda va a ocupar dos filas, de manera que todas las columnas de la tabla cuenten con el mismo número de filas.
Utilizando los atributos rowspan y colspan, es posible diseñar tablas tan complejas como las que se muestran en los siguientes ejemplos.
Ejemplo de fusión de múltiples columnas:


Figura 7.7 Ejemplo complejo de fusión de columnas
El código HTML necesario para fusionar las columnas de la tabla anterior se muestra a continuación:
<html>
<head><title>Ejemplo de columnas fusionadas</title></head>
<body>
 
<h1>Fusión de columnas</h1>
 
<table>
<tr>
  <td colspan="3">A</td>
  <td>B</td>
</tr>
 
<tr>
  <td>C</td>
  <td colspan="2">D</td>
  <td>E</td>
</tr>
 
<tr>
  <td colspan="4">F</td>
</tr>
 
<tr>
  <td>G</td>
  <td>H</td>
  <td>I</td>
  <td>J</td>
</tr>
</table>
 
</body>
</html>
Ejemplo de fusión de múltiples filas:


Figura 7.8 Ejemplo complejo de fusión de filas
El código HTML necesario para fusionar las filas de la tabla anterior se muestra a continuación:
<html>
<head><title>Ejemplo de filas fusionadas</title></head>
<body>
 
<h1>Fusión de filas</h1>
 
<table>
  <tr>
    <td>A</td>
    <td>B</td>
    <td rowspan="3">C</td>
    <td>D</td>
  </tr>
  <tr>
    <td rowspan="2">E</td>
    <td>F</td>
    <td rowspan="3">G</td>
  </tr>
  <tr>
    <td>H</td>
  </tr>
  <tr>
    <td>I</td>
    <td>J</td>
    <td>K</td>
  </tr>
</table>
 
</body>
</html>
Ejercicio 13
Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen:


Figura 7.9 Ejemplo de tabla con una estructura compleja
Emplear las etiquetas <table><tr><td><th><caption> y los atributos colspanrowspanabbr,scopesummary.

Entradas populares