Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.

Mensajes - borri_10

Páginas: [1] 2

Aprender a programar desde cero / Ejercicio CU01023D tutorial CSS Documentación oficial CSS, W3C VALIDATOR

« en: 22 de Abril 2015, 11:11 »

Enunciado:

Citar

Crea un documento HTML que conste de los siguientes elementos: un título h1 con el texto “Aprendizaje de la programación”. Una división div con id menú que contenga: un título h2 con el texto “Menú” y una lista de elementos no ordenados (ol) con los siguientes items: Programación básica, Programación intermedia y Programación avanzada. Finalmente, una división div con id footer con el texto “Curso aprenderaprogramar.com”. Establece diferentes valores de las propiedades color, background-color y font-size para:

a) Los elementos h1
b) Los elementos h2
c) Los elementos ol y partes internas a este (elementos li de listas).
d) El elemento con id footer.

A continuación utiliza el W3C validator y comprueba si no te indica ningún error, o qué errores o warnings te indica y trata de identificar el por qué de ellos y corregirlos.

Respuesta:

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="EJERCICIO CU01023D.CSS">
<title> Ejercicio CU01023D </title>
</head>
<body>
<div id="header">
<h1> Aprendizaje de la programacion </h1>
</div>
<div id="wrapper">
<div id="Menu">
<h2>Menu</h2>
<ul>
<ol>Programación básica</ol>
<ol>Programación intermedia</ol>
<ol>Programación avanzada</ol>
</ul>
</div>
<div class="destacado">
<div id="footer">
Curso Aprender a programar
</div>
</div>
</body>
</html>

Código: [Seleccionar]

/*Ejercicio CU01023D*/
h1{color:green;background-color:red;font-size:100%;}
h2{color:blue;background-color:yellow;font-size:95%;}
ol{color:yellow;background:red;font-size:100%;}
div.destacado{color:brown;background-color:blue;font-size:50%;}

Aprender a programar desde cero / Ejercicio CU01019D-Colores Html y Css. Rgb, hexadecimal.

« en: 25 de Marzo 2015, 16:16 »

Buenas tardes,
Antes de incluir el codigo, decir que ya lo pongo simplemente para que me digais los errores, porque habra miles, ya que me estoy volviendo loco y no me sale por ninguna parte. Ademas creo que algunos conceptos todavia los tengo muy verdes y casi se me esta hasta olvidando el curso de HTML.

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> Ejercicio Colores CU01019D </title>
<link rel="stylesheet" type="text/css" href="EJERCICIO CU01019.CSS">
</head>
<body>
<table border="1px">
<th id>Nombre</th>
<th id>Hexadecimal</th>
<th id>RGB</th>
<tr>
<td>DimGray</td>
<td>1E90FF</td>
<td>178,34,34</td>
</tr>
<tr>
<td>IndianRed</td>
<td>696969</td>
<td>205,92,92</td>
</tr>
<tr>
<td>FireBrick</td>
<td>CD5C5C</td>
<td>30,144,255</td>
</tr>
<td>DodgerBlue</td>
<td>B22222</td>
<td>75,0,130</td>
</tr>
<tr>
<td>Indigo</td>
<td>4B0082</td>
<td>105,105,105</td>
</tr>
</table>
</body>
</html>

Código: [Seleccionar]

/*Ejercicio CU01019D*/
#th{background-color:rgb(105.105.105);}
td:nth-child(1){background-color:rgb(205.92.92);}
td:nth-child(2){background-color:rgb(178.34.34);}
td:nth-child(3){background-color:rgb(30.144.255);}
td:nth-child(4){background-color:rgb(75.0.130);}

Aprender a programar desde cero / Ejercicio CU01017D del curso CSS desde cero. Cascada, herencia, important CSS

« en: 23 de Marzo 2015, 16:23 »

Código: [Seleccionar]

.magicTitle{margin:0px;width:20px;height:30px;color:green !important;border style:hidden !important;}

Código: [Seleccionar]

<div class="magicTitle style="border:1px solid blud;color:blue;">
Aprendiendo a programar
</div>

a) Se mostrará un borde para el div?¿ Por qué?

Respuesta; Estará oculto porque según la declaracion, indica la propiedad !important; que es la que anula todas las demás.

b) ¿ Con qué color se mostrará el texto, con color verde o con color azul?¿ Por qué?

Respuesta: Se mostrará con color verde, ya que en la declaración indica la propiedad !important; que es la que anula a todas las demas.

c) ¿ Se respetarán los valores de width y height definidos en el archivo CC externo o quedarán anulados?¿ Por qué?

Respuesta: Se respetarán, ya que no llevan la propiedad !important;

Aprender a programar desde cero / Ejercicio CU01013D- Herencia CSS y aplicación de reglas CSS en distintos niveles

« en: 17 de Marzo 2015, 16:47 »

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> PORTAL WEB </title>
<link rel="stylesheet" type="text/css" href="EJERCICIO CU01013D.CSS">
</head>
</body>
<p><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<div class="principal">
<h1>Novedades</h1>
<p>Aqui presentamos las novedades del sitio</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto</h3>
<span class="secundario">Este producto permite estirar la piel hasta dejarla como la de un  bebe.</span>
<span class="secundario"><img src="//i.imgur.com/tq5Bs.png"title="Imagen del producto" alt="imagen producto x-fashion"/></span>
</div>
<div class="secundario">
<h3>Mejoramos el producto T-MOTION</h3>
<span class="secundario">Hemos lanzado una nueva version del procuto T-MOTION</span>
<span class="secundario"><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></span>
</div>
</body>
</html>

Código: [Seleccionar]

body{font-family:Arial;}
.principal,h1{color:red;font-size:130%;}
.secundario h3,.secundario span{color:green;font-size:110%;background-color:yellow;}

Aprender a programar desde cero / Re:Ejercicio resuelto CU01011D curso CSS -Selectores por id diferenciar partes web

« en: 17 de Marzo 2015, 15:20 »

Código: [Seleccionar]

#Novedades {color:red;background-color:yellow;}
#X-FASHION {color:green;}
#T-MOTION {color:green;}

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> PORTAL WEB </title>
<link rel="stylesheet" type="text/css" href="CSS CU01011.css">
</head>
</body>
<p><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<div id="Novedades">
<div>
<h1>Novedades</h1>
<p>Aqui presentamos las novedades del sitio</p>
</div>
</div>
<div id="X-FASHION">
<div>
<h3>Lanzamos el producto</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un  bebe.</p>
<p><img src="//i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="Imagen producto x-fashion"/></p>
</div>
</div>
<div id="T-MOTION">
<div>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva version del procuto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></p>
</div>
</div>
</body>
</html>

Aprender a programar desde cero / Re:Ejercicio resuelto CU01011D curso CSS -Selectores por id diferenciar partes web

« en: 16 de Marzo 2015, 15:25 »

¿ Lo incluyo de alguna manera? O con copiarlo y pegarlo debajo vale?.

Saludos,

Aprender a programar desde cero / Ejercicio resuelto HTML y CSS aplicar class a etiquetas CU01012D color de texto

« en: 12 de Marzo 2015, 16:21 »

Enunciado:

Citar

Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos class para cada una de ellas con valores <<principal>> para la primera, y <<secundario>> para la segunda y la tercera.

b) Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 150% respecto de lo normal para los elementos cuyo valor class sea <<principal>>.

c) Usando CSS establece como color de texto el verde para los elementos y tamaño de fuente el 110% respecto de lo normal para los elementos cuyo valor class sea <<secundario>>.

d) Usando CSS establece como color de fondo para los párrafos dentro de elementos cuyo atributo class sea <<secundario>> el amarillo (yellow).

Respuesta:

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> PORTAL WEB </title>
<link rel="stylesheet" type="text/css" href="SELECTORES CSS CU01012D.css">
</head>
</body>
<p><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<div>
<div class="principal">
<h1>Novedades</h1>
<p>Aqui presentamos las novedades del sitio</p>
</div>
</div>
<div class="secundario">
<div>
<h3>Lanzamos el producto</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un  bebe.</p>
</div>
</div>
<div>
<div class="secundario">
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva version del procuto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></p>
</div>
</div>
</body>
</html>

Aprender a programar desde cero / Ejercicio resuelto CU01011D curso CSS -Selectores por id diferenciar partes web

« en: 12 de Marzo 2015, 15:29 »

Enunciado:

Citar

Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos id para cada una de ellas con valores <<novedades>> para la primera, <<xFashion>> para la segunda y <<tMotion>> para la tercera.

b) Usando CSS establece como color de texto el rojo (red) para los elementos h1 que se encuentren dentro del elemento con id <<novedades>>.

c) Usando CSS establece como color de texto el verde para los elementos h3 que se encuentren dentro de los elementos con id <<xFashion>> y <<tMotion>>.

d) Usando CSS establece como color de fondo para el elemento con id <<novedades>> el amarillo (yellow).

Código del ejercicio...

...

Respuesta a lo que pide el ejercicio:

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> PORTAL WEB </title>
<link rel="stylesheet" type="text/css" href="CSS CU01011.css">
</head>
</body>
<p><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<div id="Novedades">
<div>
<h1>Novedades</h1>
<p>Aqui presentamos las novedades del sitio</p>
</div>
</div>
<div id="X-FASHION">
<div>
<h3>Lanzamos el producto</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un  bebe.</p>
<p><img src="//i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="Imagen producto x-fashion"/></p>
</div>
</div>
<div id="T-MOTION">
<div>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva version del procuto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></p>
</div>
</div>
</body>
</html>

Aprender a programar desde cero / CU01010D curso CSS diferencia entre estilos en línea, interno y externo

« en: 11 de Marzo 2015, 15:27 »

Enunciado:

Citar

EJERCICIO 2
Modifica el código HTML del ejercicio para cumplir con estos requisitos mediante la aplicación de CSS externo definido en un archivo independiente, donde debes incluir al menos un comentario:

a) Todas las etiquetas h1 deben mostrar su texto en color azul.
b) Todas las etiquetas h3 deben mostrar su texto en color orange (naranja).
c) Todos los párrafos deben mostrar su texto en color brown (marrón).

Código HTML

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> EJERCICIO CU01010-1 </title>
<link rel="stylesheet" type="text/css" href="CSS CU01010-1.CSS"> 
</head>
</body>
<p><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<h1>Novedades</h1>
<p>Aqui presentamos las novedades del sitio</p>
<h3>Lanzamos el producto</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un  bebe.</p>
<p><img src="//i.imgur.com/tq5Bs.png"title="Imagen del producto" alt="imagen producto x-fashion"/></p>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva version del procuto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></p>
</body>
</html>

Código CSS

Código: [Seleccionar]

/*En proximos ejercicios cambiaré el h1 por h2*/
h1{color:blue;}
h3{color:orange;}
p{color:brown;}

Aprender a programar desde cero / Re:EJERCICIO CU01009D- ESTILOS EN LINEA, POR DEFECTO, SOBRESCRITURA

« en: 11 de Marzo 2015, 12:50 »

No he respondido porque me ha quedado claro que se verá más adelante.
Además si hay que hacerlo con word o con otro tipo de programa no me preocupa, porque lo que realmente queria es saber si lo estaba estudiando bien, mal, me habia colado algo...

Aprender a programar desde cero / Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto

« en: 11 de Marzo 2015, 11:08 »

Enunciado:

Citar

Aplicar al código facilitado los siguientes estilos en línea:

a) La etiqueta h1 debe mostrar su texto en color rojo.
b) La etiqueta h3 con el texto relativo a X-FASHION debe mostrar su texto en color verde.
c) La etiqueta h3 con el texto relativo a X-MOTION debe mostrar su texto en color azul.
d) Todos los párrafos deben mostrar su texto en color brown (marrón).

Respuesta:

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> PORTAL WEB </title>
</head>
</body>
<p style="color:brown";><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<h1 style="color:red";>Novedades</h1>
<p style="color:brown";>Aqui presentamos las novedades del sitio</p>
<h3 style="color:green";>Lanzamos el producto</h3>
<p style="color:brown";>Este producto permite estirar la piel hasta dejarla como la de un  bebe.</p>
<p style="color:brown";><img src="//i.imgur.com/tq5Bs.png"title="Imagen del producto" alt="imagen producto x-fashion"/></p>
<h3 style="color:blue";>Mejoramos el producto T-MOTION</h3>
<p style="color:brown";>Hemos lanzado una nueva version del procuto T-MOTION</p>
<p style="color:brown";><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></p>
</body>
</html>

Aprender a programar desde cero / Ejercicio CU01008D tutorial CSS - Modelo de cajas CSS

« en: 11 de Marzo 2015, 10:35 »

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> CAJAS </title>
</head>
</body>
<p><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<h1>Novedades</h1>
<p>Aqui presentamos las novedades del sitio</p>
<h3>Lanzamos el producto</h3>
<p> Este producto permite estirar la piel hasta dejarla como la de un  bebe.</p>
<p><img src="//i.imgur.com/tq5Bs.png"title="Imagen del producto"alt="imagen producto x-fashion"/></p>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva version del procuto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></p>
</body>
</html>

Solo indico la codificacion, ya que estoy estudiando como poner las cajas para que se separen y en ningun momento lo explica con codigos, asi que no se como resolver este ejercicio.
A ver si me podeis ayudar por favor.

Gracias y saludos,

Aprender a programar desde cero / Ejercicio CU00728B tutorial HTML formulario para enviar un archivo de imagen

« en: 05 de Marzo 2015, 15:53 »

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> Formularios de Datos Personales </title>
</head>
<body>
<div id="page" style="width: 980px;text-align:center;margin:auto;border:2px solid gray;"/>
<div id="header">
Portal( Tutorial Básico del programador web: HTML desde cero) - aprenderaprogramar.com
</div>
<br/>
<br/>
<br/>
<div id="wrapper">
<div id="menu">
<div>Menu</div>
<hr style="color:red;background-color:red;width:50%;"/>
<ul>
<li><a href="#">Portada</a></li>
<li><a href="http://aprenderaprogramar.com">aprenderaprogramar.com</a></li>
</ul>
</div>
<div id="body">
<form method="post" action="action.html" enctype="multipart/form-data">
Nombre:<input type="text" name="nombre"/><br/>
Apellidos:<input type="text" name="apellidos"/><br/>
Direccion:<input type="text" name="direccion"/><br/>
Correo Electronico:<input type="text" name="correoelectronico"/><br/>
Teléfono:<input type="text" name="telefono"/><br/>
Añadir Imagen:<input name="imagen" type="file">
<br/>
<input type="submit" value="Enviar">
<input type="reset" value="Cancelar">
</form>
</div>
</div>
<br/><br/><br/>
<div id="footer">
Copyright 2006-2072 aprenderaprogramar.com
</div>
</div>
</body>
</html>

Aprender a programar desde cero / Re:EJERCICIO CU00726B curso HTML desde cero div y span capas o contenedores

« en: 05 de Marzo 2015, 15:20 »

Lo que no entiendo muy bien es lo de "alt", cuando hay que ponerlo y porque. Es un concepto que me cuesta entenderlo y saber porque se usa.
No se si me lo puedes explicar en plan rapido...

Gracias y saludos,

Aprender a programar desde cero / Ejercicio CU00727B tutorial HTML: creación de portal básico con cabecera y pie

« en: 04 de Marzo 2015, 17:48 »

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> Ejercico CU00727B </title>
</head>
<body>
<div id="page" style="text-align:center;margin:auto;width=1000px;border:1px solid black;"/>
<div id="header">
<img=" http://www.ligafutbol.net/wp-content/2011/04/simpson_atletico_de_madrid.jpg" width="250px">
<h1> Página Oficial Atletico de Madrid </h1>
<a href="http://clubatleticodemadrid.com/" width="25%">
<img src=" http://www.colchonero.com/media/galeria/4/2/2/8/5/n_atletico_de_madrid_atletico_de_madrid_wallpapers-5675822.jpg" title="Acceder a Atleticodemadrid.com" width="200px"></a>
</div>
<div id="wrapper">
<div>Menu</div>
<ul>
<li> <a href=" http://www.clubatleticodemadrid.com/galerias/siqueira-regreso-al-trabajo-con-el-grupo">Siqueira regresó al trabajo</a></li>
<li> <a href=" http://www.clubatleticodemadrid.com/noticias/godin-200-partidos-como-rojiblanco">Godin, 200 partidos como rojiblanco</a></li>
<li> <a href=" http://www.clubatleticodemadrid.com/noticias/saul-se-sometio-a-nuevas-pruebas-y-visito-a-sus-companeros"> Saúl lesionado</a></li>
<li> <a href=" http://www.clubatleticodemadrid.com/noticias/el-atletico-de-madrid-premiado-por-la-aepd"> Premios a Enrique Cerezo</a></li>
<li> <a href=" http://www.clubatleticodemadrid.com/noticias/el-bayer-leverkusen-pasa-a-cuartos-en-la-prorroga">El leverkusen da miedo</a></li>
</ul>
<br/>
<img src=" http://www.colchonero.com/media/users/4/9/6/0/o_a_bienme_atletico_de_madrid_13069_20140306134355.gif" width="100px" title="Muerte al Madrid" align="center">
<br/>
<p> Las noticias del Atlético de Madrid a día 04/03/2015 son las que se muestran en la parte media de la página. Como podemos 
observar, nuestro equipo se mantiene en forma, a pesar de las numerosas bajas que acumulamos debido a los durisimos últimos 
3 partidos</p>
<p> La noticia mas destacada es el premio que ha recibido nuestro presidente <u> Enrique Cerezo </u> de la LFP, ya que el año
pasado fue uno de los mejores años de la entidad en cuanto a titulos se refiere.</p>
</div>
<br/>
<br/>
<br/>
<br/>
<div id="footer">
<img src=" https://eldescodificador.files.wordpress.com/2010/04/hommer.jpg" width="100px" title="Asi firmamos los atleticos">
Copyyright 1903-2003-Atleticodemadrid.com <a href=" http://clubatleticodemadrid.com/jugadores-primer-equipo/">La Plantilla</a>
</div>
</div>
</body>
</html>
[code]

Aprender a programar desde cero / EJERCICIO CU00726B curso HTML desde cero div y span capas o contenedores

« en: 03 de Marzo 2015, 17:28 »

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> Ejercicio CU00726B </title>
</head>
<body>
<div style="border: 1px solid black";">
<h1> Portal web aprenderaprogramar.com </h1>
<br/>
<br/>
<h2> Didactica y divulgacion de la programacion </h2>
<br/>
<br/>
<br/>
Menú<br/>
</div>
<hr style="2px" blackground-color="black"" color="black">
<div style="border: 1px solid black;">
<ul>
<li><a href="http://aprenderaprogramar.es/index.php?option=com_content&view=frontpage&Itemid=46" target="_blank">Inicio</a></li>
<li><a href="http://aprenderaprogramar.es/index.php?option=com_content&view=section&layout=blog&id=7&Itemid=26" target="_blank"> Libros de programacion</a></li>
<li><a href="http://aprenderaprogramar.es/index.php?option=com_content&view=article&id=57&Itemid=86" target="_blank"> Cursos de programacion</a></li>
<li><a href="http://aprenderaprogramar.es/index.php?option=com_content&view=section&layout=blog&id=10&Itemid=48" target="_blank">Humor Informatico</a></li>
</ul>
<br/>
<p> Aprender a programar es un objeto que se plantea mucha gente y que no todos alcanzan.
<br/>
Hay que tener claro que <a href="http://aprenderaprogramar.es/" target="_blank">aprender a programar</a> no es tarea de un dia ni de una semana, aprender
programacion requiere al menos varios meses y, si hablamos programacion a nivel profesional, varios
años. No queremos con esto desanimar a nadie: en un plazo de unos pocos dias podemos estar haciendo 
nuestros primeros programas.</p>
<br/>
<p>Puedes seguir uno de <a href="http://aprenderaprogramar.es/index.php?option=com_content&view=article&id=57&Itemid=86" target="_blank">nuestros cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de
textos recomendamos el uso potente y sencillo como Notepad++, aunque son válidas otras 
alternativas como Crimson Editor.</p>
<img src="http://upload.wikimedia.org/wikipedia/commons/0/0f/Notepad%2B%2B_Logo.png" width="100px"><img src=" http://www.crimsoneditor.com/images/logo.jpg" width="100px">
<br/>
Si quieres contactar con nosotros envianos este formulario relleno:
<form method="post" action="http://aprenderaprogramar.com/action.php">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" id="nombre">
<br/>
<label for="apellidos">Apellidos:</label>
<input type="text" name="apellidos" id="apellidos">
<br/>
<label for="direccion">Direccion:</label>
<input type="text" name="direccion" id="direccion">
<br/>
<label for="correo electronico">Correo Electronico</label>
<input type="text" name="correoelectronico" id="correoelectronico" size="5">
<br/>
<br/>
<br/>
Mensaje:<br/><br/>
<input type="submit" value="Enviar">
<input type="reset" value="Cancelar">
</form>
<br/>
<br/>
<img src=" http://empleo.fedecarne.es/resources/logos_emp/Logo_128737.png" width="200px"><a href="http://aprenderaprogramar.es/index.php?option=com_content&view=article&id=28&Itemid=73"</a>
Copyright 2006-2038 aprenderaprogramar.com
</div>
</body>
</html>

Aprender a programar desde cero / Ejercicio CU00725B curso HTML ejemplo botón para elegir archivos en formulario

« en: 18 de Febrero 2015, 16:01 »

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> Ejercico CU00725B </title>
</head>
<body>
<form method="post" action="action.php" enctype="multipart/form-data">
<h1>Inscripcion al concurso Jara y Sedal</h1>
<label for="nombre">Nombre:</label>
<input type="text" name="nombre">
<br/>
<label for="apellidos">Apellidos:</label>
<input type="text" name="apellidos">
<br/>
<label for="direccion">Dirección:</label>
<input type="text" name="direccion">
<br/>
Fotografia;
<input name="image" type="file">
<br/>
<button type="submit">"!!Me apunto!!"</button>
<input type="reset" value="Cancelar">
</form>
</body>
</html>

Aprender a programar desde cero / EJERCICIO CU00724B curso HTML dos formularios en una misma página web

« en: 16 de Febrero 2015, 17:04 »

Código planteado como solución al ejercicio CU00724B del curso de HTML:

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> Ejercicio CU00724B</title>
</head>
<body>
<h1>Inscripcion al curso Saber y Ganar</h1>
<form method="get" action="http://aprenderaprogramar.com">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre">
<br/>
<label for="apellidos">Apellidos:</label>
<input type="text" name="apellidos" id="apellidos">
<br/>
<label for="email">Email:</label>
<input type="text" name="email" id="email">
<br/>
<label for="telefono">Telefono:</label>
<input type="text" name="telefono" id="telefono">
<br/>
<input type="submit" value="!Me apunto!">
<input type="reset" value="Cancelar">
<br/>
</form>
<h1>"Peticion de informacion"</h1>
<form method="get" action="http://aprenderaprogramar">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre">
<br/>
<label for="pais">Pais:</label>
<input type="text" id="pais" name="pais">
<br/>
<label for="email">Email:</label>
<input type="text" name="email" id="email">
<br/>
Consulta;<br/>
<textarea name="comentarios" rows="3" cols="30"></textarea>
<br/>
<input type="image" name="boton1" src="http://diplomasyanuarios.com.pe/edumart/images/Contactar/boton_enviar.jpg" width="100px">
<button type="reset"> Pulse aqui para cancelar<br/> Esto borrará los datos</button>
</form>
</body>
</html>

Aprender a programar desde cero / EJERCICIO CU00723B curso HTML ejemplo formulario con option y optgroup

« en: 16 de Febrero 2015, 10:13 »

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> Ejercico CU00724B </title>
</head>
<body>
<h1> "Preferencias Musicales" </h1>
<form method="get" action="http;//aprenderaprogramar.com/action.php">
<label for="rock" name="rock"> Rock</label>
<input name="rock" type="checkbox" id="rock">
<br/>
<label for="pop" name="pop">Pop</label>
<input name="pop" type="checkbox" id="pop">
<br/>
<label for="jazz" name="jazz">Jazz</label>
<input name="jazz" type="checkbox" id="jazz">
<br/><br/>
<input name="edad" type="radio" id="edad">
<label for="de12a17" name="edad">De 12 a 17</label>
<br/>
<input name="edad" type="radio" id"edad">
<label for="de18a35" name="edad">De 18 a 35</label>
<br/>
<input name="edad" type="radio" id="edad">
<label for="de36a65" name="edad">De 36 a 65</label>
<br/>
<input name="edad" type="radio" id="edad">
<label for="masde65" name="edad">Mas de 65</label>
<br/><br/>
"Grupos y cantantes que te gustan"<br/><br/>
<select name="entrada1" multiple="multiple">
<optgroup label="Rock">
<option>James Heilfied</option>
<option>Roberto Trujillo</option>
<option>Lars Ulrich</option>
</optgroup>
<optgroup label="Pop">
<option>La Oreja de Van gohg</option>
<option>Fito y los fitipaldis</option>
<option>Extremo duro</option>
</optgroup>
<optgroup label="Jazz">
<option>Louis Amstrong</option>
<option>John Contrane</option>
<option>Miles Davis</option>
</optgroup>
</select>
</body>
</html>

Aprender a programar desde cero / Ejercicio CU00722B curso html desde cero: ejemplos de formulario, inputbox, type

« en: 28 de Enero 2015, 12:37 »

Buenos días,
Quería comprobar si está bien el ejercicio. Es el CU00722B del curso html desde cero.

Código: [Seleccionar]

html>
<head>
<meta charset="utf-8">
<title> Ejericio CU00722B </title>
</head>
</body>
<h1> "Solicitud de alta como usuario" </h1>
<form action="http://aprenderaprogramar.com" method="get">
Nombre:<input type="text" name="nombre" id="Nombre">
<br/><br/>
Apellidos:<input type="text" name="apellidos" id="Apellidos">
<br/><br/>
Correo electronico:<input type="text" name="correelectronico" id="correoelectronico">
<br/><br/>
Contraseña:<input name="contraseña" type="password" value="">
<br/><br/>
Comentarios:<br/><textarea name="comentarios" type="text" cold="50" rows="10"></textarea>
<br/><br/>
<input type="submit" value="enviar">
</form>
</body>
</html>

Saludos,

Páginas: [1] 2

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: