Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: KOFFERO en 20 de Septiembre 2017, 07:48
-
Ejercicio CU00720B del tutorial pdf de programación web con HTML para principiantes.
EJERCICIO
Basándote en el código de ejemplo que hemos visto, crea una página web que cumpla con lo que indicamos a continuación:
a) Como título principal de la página debe figurar con etiquetas h1 el texto “Inscripción al Congreso de Medicina Santiago 2048”
b) Debe contener dos formularios: el primero será “Inscripción al Congreso para médicos especialistas” y el segundo “Inscripción al congreso para médicos generalistas”. Estos títulos deben figurar antes del formulario con etiquetas h2.
c) El formulario para médicos especialistas debe solicitar nombre, apellidos, especialidad y año de obtención de la especialidad.
d) El formulario para médicos generalistas debe solicitar nombre, apellidos, centro médico donde ejerce y año de obtención del título.
El código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio CU00720B - aprenderaprogrmar.com</title>
<meta charset="UTF-8" />
</head>
<body>
<h1>"Inscripción al Congreso de Medicina Santiago 2048"</h1>
<br/><br/>
<h2>"Inscripción al Congreso para médicos especialistas"</h2>
<form action="https://www.aprenderaprogramar.com" method="get">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" id="nombre" />
<br/><br/>
<label for="apellido">Apellido:</label>
<input type="text" name="apellido" id="apellido" />
<br/><br/>
<label for="especialidad">Especialidad:</label>
<input type="text" name="especialidad" id="especialidad" />
<br/><br/>
<label for="obtencion-especialidad">Obtencion de especialidad:</label>
<input type="text" name="obtencion-especialidad" id="obtencion-especialidad" />
<br/><br/>
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />
</form>
<br/><br/>
<h2>"Inscripción al congreso para médicos generalistas"</h2>
<form action="https://www.aprenderaprogramar.com" method="get">
<label for="nombre-2">Nombre:</label>
<input type="text" name="nombre-2" id="nombre-2" />
<br/><br/>
<label for="apellido-2">Apellido:</label>
<input type="text" name="apellido-2" id="apellido-2" />
<br/><br/>
<label for="donde-ejercio">Donde ejercio:</label>
<input type="text" name="donde-ejercio" id="donde-ejercio" />
<br/><br/>
<label for="obtencion-titulo">Año de obtencion del título:</label>
<input type="text" name="obtencion-titulo" id="obtencion-titulo" />
<br/><br/>
<input type="submit" value="Enviar" />
<input type="reset"value="Cancelar" />
</form>
</body>
</html>Un saludo. ;)
-
Hola Jorge,,, ejercicio correcto. Para evitar problemas yo normalmente prefiero no usar id con caracteres como guiones medios, es decir, prefiero usar id="apellido2" en lugar de id="apellido-2" porque a la larga puede traer problemas.
Saludos