Está en la página 1de 6

Indicacin tarea 1 Ingresar al editor y redactar el cdigo siguiente, guardarlo con la extensin html. <!

DOCTYPE > <html> <head><center> DATOS DE ALUMNOS</center> <title>TAREA 1</title> <style type="text/css"> <!-body,td,th {color: #FFFFFF;} body { background-color: #99CC99;} .cuadro { background-color: #99CCCC; border-top-color: #FF0000; border-right-color: #FF0000; border-bottom-color: #FF0000; border-left-color: #FF0000; font-family: "Courier New", Courier, monospace; font-size: 16px; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; text-transform: capitalize; color: #00FF00; } --> </style> </head> <body> <form id="form1" name="form1" method="post" action="tarea 1.php"> <table width="818" border="1" align="center" bgcolor="#339999"> <tr> <td width="170">NOMBRE ALUMNO</td> <td width="192"> <input name="nombre" type="text" class="cuadro" id="nombre" /> </td> <td width="94">APELLIDOS</td> <td width="334"> <input name="ape" type="text" class="cuadro" id="ape" /> </td> </tr> <tr> <td>MODULO</td>

<td> <input name="mod" type="text" class="cuadro" id="mod" /> </td> <td>MES</td> <td> <select name="mes" class="cuadro" id="mes"> <option selected="selected"> </option> <option>Enero</option> <option>Febrero</option> <option>Marzo</option> <option>Abril</option> <option>Mayo</option> <option>Junio</option> <option>Julio</option> <option>Agosto</option> <option>Septiembre</option> <option>Noviembre</option> <option>Diciembre</option> </select> </td> </tr> <tr> <td>PROFESOR</td> <td><input name="pro" type="text" class="cuadro" id="pro" /></td> <td>HORA</td> <td> <select name="h" class="cuadro" id="h"> <option selected="selected"> </option> <option>A</option> <option>B</option> <option>C</option> <option>D</option> <option>L</option> <option>E</option> <option>F</option> <option>G</option> <option>H</option> <option>J</option> </select> </td> </tr> <tr> <td>NOTA 1</td> <td>

<input name="n1" type="text" class="cuadro" id="n1" /> </td> <td>NOTA 2</td> <td> <input name="n2" type="text" class="cuadro" id="n2" /> </td> </tr> <tr> <td>NOTA 3</td> <td> <input name="n3" type="text" class="cuadro" id="n3" /> </td> <td>NOTA 4</td> <td> <input name="n4" type="text" class="cuadro" id="n4" /> </td> </tr> <tr> <td colspan="2">OBSERVACION</td> <td colspan="2"> <textarea name="obse" cols="45" rows="3" class="cuadro" id="obse"></textarea> </td> </tr> <tr> <td colspan="4"> <div align="center"> <input type="submit" name="button" id="button" value="Enviar Datos" /> <input type="reset" name="button2" id="button2" value="Eliminar Datos" /> </div> </td> </tr> </table> <p align="center"> </p> <div align="center"></div> <div align="center"></div> </form> </body> </html> Vista previa en el navegador para envio de datos Nota: puede cambiar los formatos segn su creatividad.

Ingresar al editor de pgina web y redactar el cdigo que est a continuacin guardarlo con la extensin php.
Nota: Los nombres que estn de color rojo en los corchetas son los de las cajas de texto del archivo html (los nombres de los objetos de formulario)

Vista previa en el navegador con los datos que proceso el php

También podría gustarte