HABILIDADES DIGITALES 3

Realizar el código para la siguiente salida de programa en HTML. Se debe guardar como Practica 26 y sus respectivas iniciales, enviándose a la maestra para revisión.

Los formularios más sencillos se pueden crear utilizando solamente dos etiquetas:  <form>  y  <input> . Si se considera el formulario que muestra la siguiente imagen: El código HTML necesario para definir el formulario anterior se muestra a continuación: PRACTICA 24: HACER EL SIGUIENTE CODIGO EN HTML Y GUARDARLO COMO PR24XXXX.HTML, DONDE XXXX SON LAS INICIALES DE SU NOMBRE < html > < head > < title >PRACTICA 24 ALUMNO XXXXXXXXX </ title > </ head > < body > < h3 > Formulario muy sencillo </ h3 > < form action = " mailto:edna.yukari@gmail.com" method="post" enctype="text/plain" > Escribe tu nombre: < input type = "text" name = "nombre" value = "" /> < br /> < input type = "submit" value = "Enviar" /> </ form > </ body > </ html >

Antes de que comenzemos Sección ¿Qué son formularios HTML? Sección Los formularios HTML son uno de los puntos principales de interacción entre un usuario y un sitio web o aplicación. Ellos permiten a los usuarios enviar información a un sitio web . La mayor parte de las veces se envía información a un servidor web, pero la pagina web también puede interceptarla para usarla por su lado. Un formulario HTML está hecho de uno o más widgets. Estos widgets puede ser campos de texto (de una linea o multilínea), cajas de selección, botones, checkboxes, o botones de radio. La mayoría del tiempo, estos widgets están junto a un label que describe su propósito. Estructura de un formulario La estructura general de un formulario es: Etiqueta de inicio: <FORM ACTION="mailto:dirección_de_email" METHOD="POST" ENCTYPE="TEXT/PLAIN"> Cuerpo del formulario, con los distintos elementos para poder introducir los datos. Botones de envío y de borrado. Etiquet...

Se realiza la portada del 7º parcial y se revisa.

Bordes de colores en las tablas Se puede cambiar el color de los bordes de una tabla, aunque este atributo no funciona igual en todos los navegadores, ya que en el IE el color afecta a todas las líneas de la tabla, y en Mozilla solamente a los bordes exteriores. Por ejemplo: Ejemplo de bordes de color rojo Ejemplo de bordes de color rojo <TABLE BORDER=2 bordercolor="red" > <TR><TD> Ejemplo de bordes</TD><TD> de color rojo </TD></TR> <TR><TD> Ejemplo de bordes</TD><TD> de color rojo </TD></TR> </TABLE> Atributos de última generación Tabla que solamente muestra los cuatro bordes A B C D E F <TABLE FRAME="border" RULES="none"> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> ...

Como hacer una tabla de la siguiente forma? El atributo  BGCOLOR="color"  puede utilizarse en cada elemento de la tabla para efectos globales. Por ejemplo, para hacer toda la tabla en rojo, sólo sería necesario escribir: <TABLE BORDER BGCOLOR="red" > .... .... </TABLE> Para toda la línea: <TABLE BORDER> < TR BGCOLOR="red "><TD> texto </TD></TR> .... </TABLE> También se puede usar una imagen como fondo de toda la tabla: <TABLE BORDER BACKGROUND="yellow_r.gif"> .... .... </TABLE> De sólo una celda: <TABLE BORDER> <TR>< TD BACKGROUND="yellow_r.gif"> texto </TD></TR> .... </TABLE> O de toda la fila: <TABLE BORDER > <TR BACKGROUND="yellow_r.gif"><TD> texto ...