EDUCACIÓN. COLEGIO SAN ISIDRO SUR ORIENTAL. BOGOTÁ . COLOMBIA.

DOCENTE: VICTOR GARCIA-- GUÍA 7

Escrito por victorgarcia19 17-07-2012 en General. Comentarios (0)

 

 

 

Práctica 42.

 

<html>

<head>

<style type="text/css">

#customers

{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

width:100%;

border-collapse:collapse;

}

#customers td, #customers th

{

font-size:1em;

border:1px solid #98bf21;

padding:3px 7px 2px 7px;

}

#customers th

{

font-size:1.1em;

text-align:left;

padding-top:5px;

padding-bottom:4px;

background-color:#A7C942;

color:#ffffff;

}

#customers tr.alt td

{

color:#000000;

background-color:#EAF2D3;

}

</style>

</head>

 

<body>

<table id="customers">

<tr>

  <th>Company</th>

  <th>Contact</th>

  <th>Country</th>

</tr>

<tr>

<td>Alfreds Futterkiste</td>

<td>Maria Anders</td>

<td>Germany</td>

</tr>

<tr class="alt">

<td>Berglunds snabbköp</td>

<td>Christina Berglund</td>

<td>Sweden</td>

</tr>

<tr>

<td>Centro comercial Moctezuma</td>

<td>Francisco Chang</td>

<td>Mexico</td>

</tr>

<tr class="alt">

<td>Ernst Handel</td>

<td>Roland Mendel</td>

<td>Austria</td>

</tr>

<tr>

<td>Island Trading</td>

<td>Helen Bennett</td>

<td>UK</td>

</tr>

<tr class="alt">

<td>Königlich Essen</td>

<td>Philip Cramer</td>

<td>Germany</td>

</tr>

<tr>

<td>Laughing Bacchus Winecellars</td>

<td>Yoshi Tannamuri</td>

<td>Canada</td>

</tr>

<tr class="alt">

<td>Magazzini Alimentari Riuniti</td>

<td>Giovanni Rovelli</td>

<td>Italy</td>

</tr>

<tr>

<td>North/South</td>

<td>Simon Crowther</td>

<td>UK</td>

</tr>

<tr class="alt">

<td>Paris spécialités</td>

<td>Marie Bertrand</td>

<td>France</td>

</tr>

</table>

</body>

</html>

 

 

Práctica 43.

 

<html>

<head>

<style type="text/css">

ul

{

list-style:square url("sqpurple.gif");

}

</style>

</head>

 

<body>

<ul>

<li>Coffee</li>

<li>Tea</li>

<li>Coca Cola</li>

</ul>

</body>

</html>

 

 

Práctica 44.

 

<html>

<head>

<style type="text/css">

p

{

border:5px solid red;

}

</style>

</head>

 

<body>

<p>This is some text in a paragraph.</p>

</body>

</html>

 

 

Práctica 45.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<style type="text/css">

input:focus

{

background-color:yellow;

}

</style>

</head>

 

<body>

<form action="form_action.asp" method="get">

First name: <input type="text" name="fname" /><br />

Last name: <input type="text" name="lname" /><br />

<input type="submit" value="Submit" />

</form>

 

<p><b>Note:</b> IE8 supports the :focus pseudo-class only if a !DOCTYPE is specified.</p>

 

</body>

</html>

 

Práctica 46.

 

<html>

<head>

<style type="text/css">

ul

{

list-style-type:none;

margin:0;

padding:0;

}

a:link,a:visited

{

display:block;

font-weight:bold;

color:#FFFFFF;

background-color:#98bf21;

width:120px;

text-align:center;

padding:4px;

text-decoration:none;

text-transform:uppercase;

}

a:hover,a:active

{

background-color:#7A991A;

}

</style>

</head>

 

<body>

<ul>

<li><a href="#home">Home</a></li>

<li><a href="#news">News</a></li>

<li><a href="#contact">Contact</a></li>

<li><a href="#about">About</a></li>

</ul>

</body>

</html>

 

 

Práctica 47.

 

<html>

<head>

<style type="text/css">

ul

{

list-style-type:none;

margin:0;

padding:0;

overflow:hidden;

}

li

{

float:left;

}

a:link,a:visited

{

display:block;

width:120px;

font-weight:bold;

color:#FFFFFF;

background-color:#98bf21;

text-align:center;

padding:4px;

text-decoration:none;

text-transform:uppercase;

}

a:hover,a:active

{

background-color:#7A991A;

}

 

</style>

</head>

 

<body>

<ul>

<li><a href="#home">Home</a></li>

<li><a href="#news">News</a></li>

<li><a href="#contact">Contact</a></li>

<li><a href="#about">About</a></li>

</ul>

</body>

</html>

 

 

Práctica 48.

 

<html>

<head>

  <title>Mi primera página con estilo</title>

  <style type="text/css">

  body {

    padding-left: 11em;

    font-family: Georgia, "Times New Roman",

          Times, serif;

    color: purple;

    background-color: #ffffff }

  ul.navbar {

    list-style-type: none;

    padding: 0;

    margin: 0;

    position: absolute;

    top: 2em;

    left: 1em;

    width: 9em }

  h1 {

    font-family: Helvetica, Geneva, Arial,

          SunSans-Regular, sans-serif }

  ul.navbar li {

    background: white;

    margin: 0.5em 0;

    padding: 0.3em;

    border-right: 1em solid black }

  ul.navbar a {

    text-decoration: none }

  a:link {

    color: blue }

  a:visited {

    color: purple }

  address {

    margin-top: 1em;

    padding-top: 1em;

    border-top: thin dotted }

  </style>

</head>

 

<body>

<!-- Menú de navegación del sitio -->

<ul class="navbar">

  <li><a href="indice.html">Página principal</a>

  <li><a href="meditaciones.html">Meditaciones</a>

  <li><a href="ciudad.html">Mi ciudad</a>

  <li><a href="enlaces.html">Enlaces</a>

</ul>

 

<!-- Contenido principal -->

<h1>Mi primera página con estilo</h1>

 

<p>¡Bienvenido a mi primera página con estilo!

 

<p>No tiene imágenes, pero tiene estilo.

También tiene enlaces, aunque no te lleven a

ningún sitio…

 

<p>Debería haber más cosas aquí, pero todavía no sé

qué poner.

 

<!-- Firma y fecha de la página, ¡sólo por cortesía! -->

<address>Creada el 15 de abril de 2012<br>

  por mí mismo.</address>

 

</body>

</html>

 

 

Práctica 49.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 

<head>

            <title>El titulo de ésta página web</title>

            <meta http-equiv="content-type" content="text/html;charset=utf-8" />

  <style type="text/css">

  

body{

            /*  cuando veas una frase entre estos simbolos es un comentario */

            background:#DEE2E3; /*  ponemos un color de fondo */

            font-size:14px; /* establezco un tamaño de fuente por defecto */

            font-family:arial, verdana, "nimbus sans l", "sans serif"; /*  tipos de fuentes y sus alternativas */

            margin:0;padding:0;

 line-height:normal;

 

            }

/*  determinamos las caracteristicas de la caja principal que envolverá al contenido de la pagina */

 

.contenedor{

width:980px; /* un ancho de 980px esta bien con las resoluciones actuales de 1024x768 */

margin:0 auto;          /* 0 sin espacios externos arriba y abajo y auto centrado horizontalmente */

padding:0; /* 0 sin espacios internos */

            }

.header{

height:40px; /* para el ejemplo básico he colocado altura neta 60px */

background:#386587; /* un color de fondo para el encabezado */

color:#CFFFD2;

padding:20px 0;margin:0; /* si se coloca width 100% margin y padding horizontal deben ser cero para que la caja no se salga de los límites altura total ahora es 60+20+20=100px */

            }

.header h1{

padding:0 20px;margin:0;

color:#FFE619;

font-size:1.8em;

font-family:verdana;

            }

.cuerpo{

margin:10px 0; /* para que el cuerpo central diste 10px externamente arriba y abajo */

padding:10px 0;

background:#873765; /* un fondo medio violeta */

color:#FFFFFF;

            }

.lado1{

width:260px;

padding-right:40px;

/* un ancho de 260px y un padding a la izquierda de 40px ancho total 300px como hereda de la caja CUERPO los demas padding son cero  */

margin:0;

float:left; /* le indico que debe flotar hacia la izquierda  */

display:inline;

            }

.lado1 ul{font-size:0.9em;list-style:none;margin:0;padding:0 0 0 10px;}

.lado1 ul li{

            margin:3px 0;padding:0;

            list-style:none;

            }

.lado1 ul li a{

color:#FFFFFF;

display:block; /* los enlaces de referencia actuaran como bloque */

text-decoration:none;

background:#668737;

padding:10px;margin:0;

}

.lado1 ul li a:hover{

color:#CEF938;

background:#3E4D28;

}

.lado2{

width:660px;

margin:0;

padding-right:20px; /* ancho de 660px mas 20px de padding son 680px de ancho total y con los 300px del lado 1 son 980px de ancho total justo concuerda con el ancho asignado a la caja cuerpo*/

float:left; /* float por la izquierda*/

display:inline;

 

            }

.clean{clear:both;} /* elimina los margenes flotantes tanto a la derecha como a la izquierda*/

.footer{

width:96%

margin:0;padding:2%;

background:#658737;

color:#EAEFC7;

            }

.footer p{

color:#EAEFC7;

font-size:0.9em;

margin:5px 0;padding:0;

            }

  </style>

 

</head>

 

<body>

<div class="contenedor"      >

<div class="header">

<h1>Tu página web de ejemplo hecha con CSS</h1>

</div>

<div class="cuerpo">

<div class="lado1">

<ul>

<li><a href="#">Enlace de contenido 1</a></li>

<li><a href="#">Enlace de contenido 2 para otra página, puedes generar mas amplio y descriptivo </a></li>

<li><a href="#">Enlace de contenido 3, y así sucesivamente los enlaces que necesites.</a></li>

<li><a href="#">Enlace de contenido 4</a></li>

</ul>

</div>

<div class="lado2">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dui non lorem dignissim egestas. Cras mattis risus nec eros bibendum ultrices. Aliquam molestie, erat sed molestie tincidunt, nisl arcu viverra ligula, quis venenatis enim nisi non ipsum. Nam auctor feugiat elementum. Sed mauris ipsum, sollicitudin et posuere sit amet, pellentesque sed erat. Nunc a mauris quis est vestibulum luctus. Sed varius augue nec nibh pharetra consectetur. Pellentesque adipiscing posuere eros, ut ullamcorper nulla auctor id. Quisque ultrices luctus mauris, sit amet eleifend nunc facilisis ac. Maecenas non orci sit amet justo mollis commodo. Pellentesque sed odio non ante volutpat ultrices. In neque odio, mattis at dignissim a, laoreet ut mi.

</div>

<div class="clean"></div>

</div>

<div class="footer">

Esta es una página de ejemplo<br/>

Puedes agregar lo que desees

</div>

</div>

</body>

 

</html>

 

 

 

Práctica 50.

 

Elabora una página web, utiliza las aplicaciones que desees.

DOCENTE VICTOR GARCIA. GUIA 1

Escrito por victorgarcia19 10-06-2012 en General. Comentarios (0)

 

OBJETIVO: Conocer las instrucciones de programación en el lenguaje html para la elaboración de páginas web.

 

Para iniciar el trabajo debes abrir el bloc de notas siguiendo la siguiente ruta.

 

Inicio…..Todos los programas…..Accesorios…..Bloc de Notas.

Una vez realizado el documento html se debe guardar como .txt y como .html, en el disco duro C o D.

Para ver la pagina web elaborada se debe abrir el documento .html

 

Práctica 1.

<html>

<head>

            <title>aprendiendo programación en html</title>

</head>

<body>

            <h1>COLEGIO SAN ISIDRO SUR ORIENTAL</h1>

<p>El colegio que a mi me gusta me llama mucho la atención por ser un colegio nuevo     y que se encuentra en mi barrio</p>

            <h2>Partes de mi colegio</h2>

<p>Mi colegio tiene muchas partes como son un auditorio, salones, canchas cafetería etc. </p>

</body>

</html>

 

Práctica 2.

<html>

<head>

            <title>aprendiendo programación en html</title>

</head>

<body>

            <h1><em>COLEGIO SAN ISIDRO SUR ORIENTAL</em></h1>

<p>El colegio que a mi me gusta </br>me llama mucho la atención por ser un</br> colegio nuevo y que se encuentra en mi barrio</p>

            <h2>Partes de mi colegio</h2>

<p>Mi colegio tiene muchas partes </br>como son un auditorio, salones,</br> canchas cafetería</p>

</body>

</html>

 

Práctica 3.

<html>

<head>

            <title>aprendiendo neumática</title>

</head>

<body>

            <h1><em>Neumática e hidráulica.</em></h1>

 

            <p>La neumática y la hidráulica de encargan respectivamente</br> del estudio de las

propiedades y aplicaciones</br> de los gases comprimidos y de los líquidos. </br>Etimológicamente

estas palabras derivan de</br> las griegas pneuma e hydro, que </br>significan <viento> y <agua>.</p>

 

 

            <h2>Los fluidos a presión</h2>

 

            <p>Las partículas que constituyen un gas se encuentran</br> bastante alejadas entre sí

y se mueven </br>desordenadamente en todas direcciones. </br>Tienden siempre a expandirse, por lo que se</br> dice que un gas no tiene volumen ni forma propia,</br> sino que adquiere los del recipiente que los contiene.</br> Por esta razón, los gases se pueden comprimir y expandir</br> fácilmente sin más que modificar el volumen</br> del recipiente.</br></br> En los líquidos, las partículas se hallan menos</br> separadas que en los gases y las fuerzas </br>atractivas entre ellas son lo suficientemente intensas </br>para impedir que se separen, deslizándose</br> unas sobre otras.</br> Los líquidos tienen volumen propio pero su</br> forma se adapta a la del recipiente </br>que los contiene.</br> Por tanto, no se pueden comprimir, se</br> dice que son incompresibles.</br>Un fluido almacenado en un recipiente ejercerá</br> una fuerza sobre las paredes del mismo.</br>La fuerza ejercida por unidad de</br> superficie se denomina Presión.</br></br> P = F/S</br></br> La unidad de presión en el sistema internacional</br> es el Pascal (Pa) que equivale a</br> newton/ metro cuadrado N/m2. </br>También se emplean otras unidades</br> como atmósfera, bar mm Hg.</p>

</body>

</html>

</br>

 

Práctica 4.

<html>

<head>

                        <title>granizado de cafe</title>

</head>

 

<body>

 

           

                        <h1><em><hr /><strong>RECETA UNICA</strong><hr /></em></h1>

                        <h2><hr /><small>GRANIZADO DE CAFE</small><hr /></h2>   

<p>Para preparar un rico granizado en casa solo debes agregar una cubeta de hielos pequeños en la licuadora, medio vaso de tinto, dos cucharadas de leche en polvo y dos cucharas de azúcar, licuar y servir la exquisita bebida, disfrutando de un delicioso refresco. También puedes cambiar el café por otro tipo de bebida como jugos de diferentes frutas o chocolate.</p>

            <h2><hr />Algunos nombres de granizados son:<hr /></h2>

            <ul>

                        <li>Granizado de mora</li>

                        <li>Granizado de maracuyá</li>

            </ul>

            <ol>

                        <li>Granizado de cereza</li>

                        <li>Granizado de guanábana</li>  

            </ol>

            <p><strong>Que rica bebida.</strong></p><hr />

            <p><small>Que rica bebida.</small></p><hr />

<p><strong>Que rica bebida.</strong></p><hr />

            <p><small>Que rica bebida.</small></p><hr />

 

</body>

</html>

 

DOCENTE: VICTOR GARCIA-- GUÍA 2 html

Escrito por victorgarcia19 10-06-2012 en General. Comentarios (0)

 

Práctica 5.

<html>

<head>

<title>Color de fondo</title>

</head>

<body style="background-color:#ff0000;">El fondo de mi página es de color rojo

</body>

</html>

Práctica 6.

<html>

<head>

<title>Color de fondo</title>

</head>

<body style="background-color:#000000;">El fondo de mi página es de color negro

</body>

</html>

 

Práctica 7.

<html>

<head>

<title>Color de fondo</title>

</head>

<body style="background-color:#ffffff;">El fondo de mi página es de color blanco

</body>

</html>

 

Práctica 8.

<html>

<head>

<title>Color de fondo</title>

</head>

<body style="background-color:#0000ff;">El fondo de mi página es de color azul

</body>

</html>

 

Práctica 9.

<html>

<head>

<title>Color de fondo</title>

</head>

<body style="background-color:#00ff00;">El fondo de mi página es de color verde

</body>

</html>

 

Práctica 10.

<html>

<head>

<title>Color de fondo</title>

</head>

<body style="background-color:#ffff00;">El fondo de mi página es de color amarillo

</body>

</html>

 

 

 

 

Práctica 11.

<html>

<head>

<title>Color de letra</title>

</head>

<body style="background-color:#ff0000;">El fondo de mi página es de color rojo<font color="white"> y con el anterior atributo cambio el color del texto a blanco</font>

</body>

</html>

 

Práctica 12.

<html>

<head>

<title>A mi mejor amigo</title>

</head>

<body style="background-color:#ffffff;">

<h1><hr/><em><font color="black"> Mi perro favorito</em><hr/></h1>

<h2><font color="Lime"> El Affenpinscher<hr/></h2>

<p><font color="red">En principio existió como perro de la casa en la zona sur de Alemania.</br><font color="blue">

Sus antepasados fueron inmortalizados en los grabados de madera de Alberto Durero (1471-1528).</br><font color="green">

Las primeras inscripciones de Affenpinscher alcanzan el año 1879.</br><font color="Black">

Esos pequeños enanos tan apreciados a principios del siglo se desarrollaron</br><font color="Yellow">

a partir de los Pinscher de pelo duro.</br><font color="Aqua">

El aspecto de mono está subrayado por la áspera corona de pelos en la cabeza.</br><font color="Fuchsia">

La coloración se extiende desde unicolor, amarillento, rojizo </br><font color="Gray"> o blanco grisáceo hasta gris oscuro, negro grisáceo o negro puro.</br><hr/><font color="Lime">

<h3>Caracteristicas generales del Affenpinscher<hr/></h3><font color="Maroon">

<ul>

<li><font color="Navy">ASPECTO GENERAL:</br><font color="Olive"> El Affenpinscher es pequeño, compacto posible aparecer cuadrada en relación al largo</br><font color="Silver"> del cuerpo y a la altura a la cruz.</li>

<li><font color="Teal">TEMPERAMENTO / COMPORTAMIENTO:</br><font color="Fuchsia">Intrépido, vigilante, obstinado, fiel, a veces con un carácter efervescente.</br><font color="Green"> Es del todo un agradable perro para la familia.</li><hr/>

</ul>

 </p>

</body>

</html>

 

Práctica 13.

<html>

<head><title>Enlace a página web</title>

</head>

<body style="background-color:#00fff0;">

<a href="http://sisomatematicas.blogspot.com/">Desde aquí enlazamos con el BLOG DE MATEMATICAS</a>

</body>

</html>

 

Práctica 14.

<html>

<head><title>Enlace a página web</title>

</head>

<body style="background-color:purple;">

<a href="http://edusisoenglish.blogspot.com/"><font color="white"> Desde aquí enlazamos con la página de ciclo 4</a>

</body>

</html>

GUIA 3 html — VICTOR GARCIA

Escrito por victorgarcia19 10-06-2012 en General. Comentarios (0)

 

Práctica 15.

<html>

<head>

<title>Tablas en html</title>

</head>

<body>

<table>

<tr>

<td>celda 1</td>

<td>celda 2</td>

</tr>

<tr>

<td>celda 3</td>

<td>celda 4</td>

</tr>

</table>

</body>

</html>

 

Práctica 16.

<html>

<head>

<title>Tablas en html</title>

</head>

<body>

<table border="1" >

<tr>

<td>celda 1</td>

<td>celda 2</td>

<td>celda 3</td>

<td>celda 4</td>

</tr>

<tr>

<td>celda 5</td>

<td>celda 6</td>

<td>celda 7</td>

<td>celda 8</td>

</tr>

</table>

</body>

</html>

 

Práctica 17.

<html>

<head>

<title>Tablas en html</title>

</head>

<body>

<table border="2" width="100%">

<tr>

<td align="center">celda 1</td>

<td align="center">celda 2</td>

<td align="center">celda 3</td>

<td align="center">celda 4</td>

</tr>

<tr>

<td align="left">celda 5</td>

<td align="left">celda 6</td>

<td align="left">celda 7</td>

<td align="left">celda 8</td>

</tr>

<tr>

<td align="right">celda 9</td>

<td align="right">celda 10</td>

<td align="right">celda 11</td>

<td align="right">celda 12</td>

</tr>

</table>

</body>

</html>

 

Práctica 18.

<html>

<head>

<title>Tablas en html</title>

</head>

<body>

<table border="2" width="100%">

<tr>

<td align="center" valing="top">celda 1</td>

<td align="center" valing="top">celda 2</td>

<td align="center" valing="top">celda 3</td>

<td align="center" valing="top">celda 4</td>

</tr>

<tr>

<td align="left" valing="middle">celda 5</td>

<td align="left" valing="middle">celda 6</td>

<td align="left" valing="middle">celda 7</td>

<td align="left" valing="middle">celda 8</td>

</tr>

<tr>

<td align="right" valing="bottom">celda 9</td>

<td align="right" valing="bottom">celda 10</td>

<td align="right" valing="bottom">celda 11</td>

<td align="right" valing="bottom">celda 12</td>

</tr>

</table>

</body>

</html>

DOCENTE: VICTOR GARCIA-- GUÍA 4 PROGRAMACIÓN EN HTML

Escrito por victorgarcia19 10-06-2012 en General. Comentarios (0)

 

 

Práctica  19.

<HTML>

<HEAD>

<TITLE>FORMULARIOS</TITLE>

</HEAD>

<BODY>

<FORM ACTION="mailto:vihegarik7@gmail.com" METHOD=POST>

<table align="center" border="2">

<td align="left" width="100">Nombre:

</td>

<td align="center" width="150"><INPUT NAME="nombre" MAXLENGTH="25" TYPE="TEXT" VALUE="">

</td>

<tr>

<td align="left" width="100">Email:

</td>

<td align="center" width="150"><INPUT NAME="mail" MAXLENGTH="25" TYPE="TEXT" VALUE="">

</td>

<tr>

<td align="left" width="100">Motivo:

</td>

<td align="center" width="150"><INPUT NAME="motivo" MAXLENGTH="25" TYPE="TEXT" VALUE="">

</td>

<tr>

<td align="left" width="100"> Mensaje:

</td>

<td><TEXTAREA NAME="mensaje" ROWS=3 COLS=20>

</TEXTAREA>

</td>

<tr>

<td widht="100">

</td>

<td align="right" width="150"><INPUT NAME="boton" TYPE="SUBMIT" VALUE="Enviar">

</td>

</TABLE>

</FORM>

</BODY>

</HTML>

 

Práctica  20.

<HTML>

<HEAD>

<TITLE>FORMULARIOS</TITLE>

</HEAD>

<BODY>

<FORM>

<INPUT TYPE="radio" NAME="equipos" VALUE="cuervo">San Lorenzo

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="gallina">River Plate

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="bostero">Boca Juniors

</FORM>

</BODY>

</HTML>

 

Práctica  21.

<HTML>

<HEAD>

<TITLE>FORMULARIOS</TITLE>

</HEAD>

<BODY>

<FORM>

¿Quién será el campeón del torneo argentino?<BR>

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="cuervo" CHECKED>San Lorenzo

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="gallina"> River Plate

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="bostero"> Boca Juniors

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="rojos">Independiente

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="academia"> Racing Club

<BR><INPUT TYPE="radio" NAME="equipos" VALUE="fortineros"> Vélez Sarsfield

</FORM>

</BODY>

</HTML>

 

Práctica  22.

<HTML>

<HEAD>

<TITLE>FORMULARIOS</TITLE>

</HEAD>

<BODY>

<FORM>

¿Quiénes son los equipos mas malos?<BR>

<BR><INPUT TYPE="checkbox" NAME="cuervo" VALUE="YES">San Lorenzo

<BR><INPUT TYPE="checkbox" NAME="gallina" VALUE="YES" CHECKED>River PLate

<BR><INPUT TYPE="checkbox" NAME="bostero" VALUE="YES">Boca Juniors

<BR><INPUT TYPE="checkbox" NAME="rojo" VALUE="YES" CHECKED>Independiente

</FORM>

</BODY>

</HTML>

 

Práctica  23.

<HTML>

<HEAD>

<TITLE>FORMULARIOS</TITLE>

</HEAD>

<BODY>

<FORM>

<TABLE BORDER="1" ALIGN="center">

<TR>

<TD WIDTH="350">

¿Cuál es la hinchada más original?

</TD>

<TR>

<TD WIDTH="350">

<BR><INPUT TYPE="checkbox" NAME="original?..SL" VALUE="YES">San Lorenzo

<BR><INPUT TYPE="checkbox" NAME="original?..RP" VALUE="YES">River Plate

<BR><INPUT TYPE="checkbox" NAME="original?..BJ" VALUE="YES">Boca Juniors

<BR><INPUT TYPE="checkbox" NAME="original?..I" VALUE="YES">Independiente

</TD>

<TR>

<TD WIDTH="350">

¿Cuál es más numerosa?

</TD>

<TR>

<TD WIDTH="350">

<BR><INPUT TYPE="checkbox" NAME="numerosa?..SL" VALUE="YES">San Lorenzo

<BR><INPUT TYPE="checkbox" NAME="numerosa?..RP" VALUE="YES">River Plate

<BR><INPUT TYPE="checkbox" NAME="numerosa?..BJ" VALUE="YES">Boca Juniors

<BR><INPUT TYPE="checkbox" NAME="numerosa?..I" VALUE="YES">Independiente

</TD>

<TR>

<TD WIDTH="350">

¿Cuál es más fiestera?

</TD>

<TR>

<TD WIDTH="350">

<BR><INPUT TYPE="checkbox" NAME="fiestera?..SL" VALUE="YES">San Lorenzo

<BR><INPUT TYPE="checkbox" NAME="fiestera?..RP" VALUE="YES">River Plate

<BR><INPUT TYPE="checkbox" NAME="fiestera?..BJ" VALUE="YES">Boca Juniors

<BR><INPUT TYPE="checkbox" NAME="fiestera?..I" VALUE="YES">Independiente

</TD>

</TABLE>

</FORM>

</BODY>

</HTML>