AÑO LECTIVO

UNIDAD EDUCATIVA “FRANCISCO DE ORELLANA”

2020-2021
Bachillerato General Unificado UNIDAD O2
DOCENTES: ING. LUIS SANIPATIN 2 BGU A-B
PROYECTO 7
FECHA DE INICIO 24-05-2021 FECHA DE FINALIZACION 28-05-2021 35 VA SEMANA
Alcanza Tu ideal 3 semana

MATERIA CONTENIDO ACTIVIDADES

INFORMATICA TEMA: CREAR UNA DESPLEGABLE CON OPCIONES
Copia el código <name> en
un blog de notas crea un
Atributo name formulario web
Utiliza el atributo name para ponerle un nombre al formulario
Copia el código <div> en un
blog de notas crea un
<form name="miformulario" action="URL" method="post"> formulario web

Para que el formulario funcione correctamente utilizaremos el atributo name  para cada

campo del formulario, así será posible recibir correctamente los datos enviados.

<form>
Nombre: <input name="nombre" type="text"/> <br/><br/>
Correo electrónico: <input name="correo" type="email"/> <br/><br/>
Tu mensaje: <textarea name="mensaje"> </textarea> <br/><br/>
<input type="submit" value="Enviar ahora"/>

</form>

El atributo name será necesario ara procesar la información de cada campo y que estas
lleguen a su destino correctamente.

Hemos aprendidos a crear un formulario en html estático y ademas de muchos detalles,

sin embargo aun no podemos enviar y recibir información a través de ella, para ello es
necesario que los datos se envíen a un servidor y ser procesados por la misma, esto
ocurre gracias a otro lenguaje de programación como puede ser PHP y eso
aprenderemos en su respectivo curso, por ahora esto es más que suficiente.

Etiqueta <div> en html
Para qué sirve la etiqueta div, la etiqueta <div> viene de división, prácticamente
funciona y sirve de contenedor de bloque, es decir puede contener uno o varios
elementos HTML dentro de ella, es bastante utilizada para agrupar varios elementos
que luego serán apuntados con CSS con la finalidad de dar un estilo adecuado a dicho
grupo, o también puede servir para organizar mejor nuestra página web.
Ejemplos de etiqueta div en HTML
A continuación veamos un ejemplo concreto, se trata de tres bloques construidos con la
etiqueta <div>, claramente diferenciados por el color de fondo de cada bloque:

<div id="rojo" style="background-color: red;">

<h1> Titulo en contenedor rojo</h1><br>

<div id="azul" style="background-color: blue;">

<p> Este es un párrafo dentro de un contenedor div con fondo rojo y que a su vez esta
dentro de otro contenedor div con fondo azul</p>
</div>

<br><br>

</div><br>

<div id="verde" style="background-color: green;">

<h2> Subtitulo en contenedor verde</h2>
<img src="gatito.jpg" width="250px" height="180px"/>
<p> Este es otro parrado que esta dentro de un contenedor div con fondo
verde</p></div>

<div id="rojo" style="background-color: red;">

<h1> Titulo en contenedor rojo</h1><br>

<div id="azul" style="background-color: blue;">

<p> Este es un párrafo dentro de un contenedor div con fondo rojo y que a su vez esta
dentro de otro contenedor div con fondo azul</p>
</div>

<br><br>

</div><br>

<div id="verde" style="background-color: green;">

<h2> Subtitulo en contenedor verde</h2>
<img src="gatito.jpg" width="250px" height="180px"/>
<p> Este es otro parrado que esta dentro de un contenedor div con fondo
verde</p></div>
ELABORADO / DOCENTES REVISADO / DIRECTOR DE AREA APROBADO / VICERRECTOR ( E )
Ing. Luis E. Sanipatin A. Ing. Luis E. Sanipatin A. Abg. Antonio Chávez Silva
Firma: Firma Firma:

Fecha: 24-05-2021 Fecha: 24-05-2021 Fecha: 24-05-2021