0

Me ayuda a crear la siguiente tabla:

introducir la descripción de la imagen aquí

No manejo bien celdas combinadas y llego hasta aquí:

<table style="border: 1px solid">
    
<tr>
    <td style="border: 1px solid">ELEMENTOS DE UN COMPUTADOR</td>
</tr>
<tr>
    <td style="border: 1px solid">Tipos de Periféricos</td>
    <td style="border: 1px solid">Periférico</td>
    <td style="border: 1px solid" rowspan="1">Características</td>
    <td style="border: 1px solid">Código</td>
</tr>

</table>
2
  • Lo puedes hacer con un Editor WYSIWYG o con generadores online, por ejemplo: tabletag.net
    – aeportugal
    Commented el 29 mar. 2021 a las 5:03
  • Debes usar colspan y rowspan
    – David JP
    Commented el 29 mar. 2021 a las 12:34

1 respuesta 1

1

Combinando celdas con rowspan y colspan, podrás resolverlo:

<table style="border: 1px solid; text-align:center;">
    
<tr>
    <td style="border: 1px solid" colspan="6">ELEMENTOS DE UN COMPUTADOR</td>
</tr>
<tr>
    <td style="border: 1px solid" rowspan="2">Tipos de Periféricos</td>
    <td style="border: 1px solid" rowspan="2">Periférico</td>
    <td style="border: 1px solid" colspan="4">Características</td>
</tr>
<tr>
    <td style="border: 1px solid">Código</td>
    <td style="border: 1px solid">Imagen</td>
    <td style="border: 1px solid">Color</td>
    <td style="border: 1px solid">Puerto de entrada</td>
</tr>
<tr>
    <td style="border: 1px solid" rowspan="3">Entrada</td>
    <td style="border: 1px solid">Mouse</td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
</tr>
<tr>
    <td style="border: 1px solid">Teclado</td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
</tr>
<tr>
    <td style="border: 1px solid">Mando consola</td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
</tr>
<tr>
    <td style="border: 1px solid" rowspan="3">Salida</td>
    <td style="border: 1px solid">Monitor</td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
</tr>
<tr>
    <td style="border: 1px solid">Parlantes</td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
</tr>
<tr>
    <td style="border: 1px solid">Impresora</td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
    <td style="border: 1px solid"></td>
</tr>
<tr>
    <td style="border: 1px solid" colspan="6">Curso - Paralelo - ...</td>
</tr>

</table>

Continúa tú y, si tienes alguna duda, déjala en los comentarios

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.