HTML - ¿ayuda en un archivo html, tablas de expansión?

 
Vista:
sin imagen de perfil
Val: 3
Ha aumentado su posición en 18 puestos en HTML (en relación al último mes)
Gráfica de HTML

¿ayuda en un archivo html, tablas de expansión?

Publicado por José (2 intervenciones) el 12/04/2020 07:18:37
Estaba realizando ejercicios de formato html para estar preparado de regreso a clases. En un ejercicio de tablas de expansión me pide realizar la tabla como muestra en la siguiente imagen, uso el bloc de notas para hacer los ejercicios, pero al hacer el ejercicio la tabla me salia la tabla todo desordenado, me ayudan en como realizarlo.
Por su atención gracias
fffd
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 3
Ha aumentado su posición en 18 puestos en HTML (en relación al último mes)
Gráfica de HTML

¿ayuda en un archivo html, tablas de expansión?

Publicado por José (2 intervenciones) el 12/04/2020 20:06:42
Sin-titulo

Me salio así la tabla

¿En que me falla?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>
    <head>
        <title>tablas con expansi&oacute;n</title>
    </head>
    <body>
        <table border="1">
            <tr>
               <td colspan="3">Tabla de tienda virtual</td>
            </tr>
            <tr>
               <td>Categor&iacute;a</td>
               <td>Producto</td>
               <td>Precio</td>
            </tr>
            <tr>
               <td rowspan="4">Impresoras</td>
               <td>Canon DeskJet 2035</td>
               <td>HP LaserJet 2055</td>
               <td>Samsung CPL623</td>
               <td>Xerox Multi 890</td>
            </tr>
            <tr>
               <td>1600</td>
               <td>1050</td>
               <td>5670</td>
               <td>4550</td>
            </tr>
            <tr>
               <td rowspan="2">Laptops</td>
               <td>DELL XPS 1</td>
               <td>DELL XPS 234</td>
            </tr>
            <tr>
               <td>12000</td>
               <td>11500</td>
            </tr>
            <tr>
               <td rowspan="3">Tabletas</td>
               <td>Acer 5001</td>
               <td>Ipad Mini</td>
               <td>Galaxy S3</td>
            </tr>
            <tr>
               <td>3500</td>
               <td>8000</td>
               <td>5600</td>
            </tr>
            <tr>
               <td rowspan="1">Total</td>
               <td>53470</td>
            </tr>
        </table>
    </body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 2
Ha disminuido su posición en 21 puestos en HTML (en relación al último mes)
Gráfica de HTML

¿ayuda en un archivo html, tablas de expansión?

Publicado por Ruben (1 intervención) el 12/04/2020 20:24:26
Solo ten cuidado como ordenas las filas y las columnas en este caso recuerda que cada bloque <tr> (fila) representa un producto y no una lista de estos y cada <td> (columna) es una propiedad del producto.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<p>Samsung CPL6235670</p>
<table border="1">
<tbody>
<tr>
<td colspan="3">Tabla de tienda virtual</td>
</tr>
<tr>
<td>Categor&iacute;a</td>
<td>Producto</td>
<td>Precio</td>
</tr>
<tr>
<td rowspan="3">Impresoras</td>
<td>Canon DeskJet 2035</td>
<td>1600</td>
</tr>
<tr>
<td>HP LaserJet 2055</td>
<td>1050</td>
</tr>
<tr>
<td>Xerox Multi 890</td>
<td>4550</td>
</tr>
<tr>
<td rowspan="2">Laptops</td>
<td>DELL XPS 1</td>
<td>12000</td>
</tr>
<tr>
<td>DELL XPS 234</td>
<td>11500</td>
</tr>
<tr>
<td rowspan="3">Tabletas</td>
<td>Acer 5001</td>
<td>3500</td>
</tr>
<tr>
<td>Ipad Mini</td>
<td>8000</td>
</tr>
<tr>
<td>Galaxy S3</td>
<td>5600</td>
</tr>
<tr>
<td colspan="2">Total</td>
<td>53470</td>
</tr>
</tbody>
</table>

tabla
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar