Primera clase de EPT, con la ayuda de los codigos de html, elaboramos tablas.

el



EJERCICIOS CON TABLAS ELABORADOS EN EL LABORATORIO DE EPT.

primer ejercicio:

<!DOCTYPE html> 
<html>
<header>

<title>EJEMPLO DE TABLA

</title>

<table border="5" cellspacing="7">

<thead>

<th>Grado</th>

<th>Seccion</th>

</thead>

<tbody>

<tr><td>5°</td><td>A</td></tr>

<tr><td>5°</td><td>B</td></tr>

<tr><td>5°</td><td>C</td></tr>

</tbody>

</table>

</html>



 segundo ejercicio:

 <!DOCTYPE html>
<html>
<header>

<h1><title>AGENDA PERSONAL</h1>
</title>

<body>  

<table border="5" cellspacing="7">

<thead>

<th>CODIGO</th>

<th>APELLIDO PATERNO</th>

<th>APELLIDO MATERNO</th>

<th>NOMBRES</th>

<th>N°DNI</th>

</thead>

<tbody>

<tr><td>1°</td><td>ORTIZ</td><td>ESTRADA</td><td>RENZO FABRIZIO</td>                  <td>76220740</td></tr>

<tr><td>2°</td><td>GONZALES</td><td>TANANTA</td><td>NORBY                                       JHANDE</td><td>73482128</td></tr>

<tr><td>3°</td><td>QUISPE</td><td>VILCAS</td><td>JEAN FRANCO</td>                              <td>73889012</td></tr>

<tr><td>4°</td><td>RIVERA</td><td>RIOS</td><td>JEYSON JERICO</td>                                <td>75441032</td></tr>

</tbody>

</table>

</html>                            
                            
tercer ejercicio:

 <!DOCTYPE html>
<html>
<header>
<h1><title>EJERCICIO DE APLICACION 3</h1>
</title>
<body>
<table border="8" cellspacing="8">
<button>Pagina principal</button>
<button>relacion estudiantil</button>
<button>Datos personales</button>
<button>Listado de productos</button>
<style type="text/css">
button{
color: cyan;
background-color: red;
width: 8%;
height: auto;
border: none;
cursor: pointer;
font-weight: bold;
}

</table>
</body>
</html>



cuarto ejercicio: ejercicio de aplicacion
           
<!DOCTYPE html>
<html>
<header>
<h1><title>EJERCICIO DE APLICACION</h1>
</title>
<body>
<table border="8" cellspacing="8">
<thead>
<th>N°</th>
<th>Producto</th>
<th>Cantidad</th>
<th>Precio</th>
</thead>
<tbody>
<tr><td>01</td><td>CAMISA</td><td>4</td><td>50</td></tr>
<tr><td>02</td><td>Zapatilla Depo</td><td>4</td><td>80</td></tr>
<tr><td>03</td><td>Polo</td><td>8</td><td>75</td></tr>
<tr><td>04</td><td>Short</td><td>14</td><td>40</td></tr>
</tbody>
</table>
</html>

Comentarios

Publicar un comentario