Está en la página 1de 4

LENGUAJE DE MARCAS

1.- Diseñar una página web para la presentación de las recetas de cocina de un
restaurante y aplicarlo a la siguiente receta de cocina. Añade algunas imágenes
apropiadas.

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<title>Receta de Sopa de cebolla (4 personas)</title>
</head>
<body bgcolor="lightblue">
<h1>Sopa de cebollas para 4 personas</h1>
<img src="C:\Users\Antonio\Desktop\DAM\image1.png">
<h2>Ingredientes</h2>

<ul>
<li>1 Kg. de cebollas.</li>
<li>2 l. de caldo de carne.</li>
<li>100 gr. mantequilla.</li>
<li>1 cucharada de harina.</li>
<li>100 gr. de queso emmental suizo o gruyére rallado.</li>
<li>Pan tostado en rebanadas.</li>
<li>Tomillo.</li>
<li>1 hoja de laurel.</li>
<li>Pimienta.</li>
</ul>
<h2>Proceso</h2>
<ol>
<li>Pelar y partir las cebollas en rodajas finas.</li>
<li>Rehogarlas con la mantequilla, sal y pimienta a fuego lento
hasta que estén transparentes sin dorarse.</li>
<li>Añadir la harina sin dejar de remover.</li>
<li>Ponerlo en una cazuela con el caldo, el tomillo y el
laurel.</li>
<li>Dejar cocer a fuego lento durante unos 15 minutos.</li>
<li>Poner las rebanadas de pan encima, espolvorear el queso y
gratinar al horno.</li>
</ol>
<hr>
</body>
</html>2.- Diseñar y codificar una página web personal.
2.- Diseñar y codificar una página web personal.

Pueden aparecer cuáles son tus estudios, profesión o aficiones (pueden ser datos
inventados). Utiliza etiquetas semánticas para organizar la página. Si quieres, puedes
tomar como base este ejemplo.
Incluye, al menos, una fotografía, una tabla y algún enlace a una página externa.

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<title>Curriculum Vitae</title>
</head>
<body bgcolor="lightblue">
<h1>Datos personales</h1>
<img src="C:\Users\Antonio\Desktop\DAM/image2.png">
<li><b>Nombre:</b> Antonio Alonso Alfonso</li>
<li><b>DNI:</b> 03932490l </li>
<li><b>Domicilio:</b> Callejon menores</li>
<li><b>Telefono:</b>639024878</li>
<li><b>correo:</b>alonsoalfonsoantonio@gmail.com</li>

<h2>Experiencia Laboral</h2>
<table class="default">
<tr>
<th>Nombre</th>
<th>Duracion</th>
<th>empleo</th>
</tr>
<tr>
<td>SCHEWPES</td>
<td>ZENNIO</td>
<td>INAEL</td>
</tr>
<tr>
<td>1 año 2 meses</td>
<td>3 años </td>
<td>En activo</td>
</tr>
<tr>
<td>Electricista</td>
<td>Mantenimiento</td>
<td>Electricista</td>
</tr>
</table>
<h2>conocimientos ofimatica</h2>
<ol>
<li><b>EXCEL</b> excelente </li>
<li><b>WORD</b> Excelente</li>
<li><b>POWERPOINT</b>medio</li>
</ol>
<hr>
<a href="http://google.com">Enlace a Google </a>
</body>
</html>

3.- Crear un formulario que realice una petición de reserva de un hotel con las
siguientes características:

1. Un campo para introducir cada uno de los siguientes datos: nombre, apellidos,
teléfono de contacto, e-mail, número de noches.
2. Dos menús desplegables para recoger la fecha de entrada (día/mes).
3. Un botón de radio para elegir entre habitación simple, doble o matrimonio.
4. Un campo de selección múltiple (checkbox) que permita al usuario indicar si
desea desayuno, comida, cena y/o cama supletoria.
5. Una caja de texto donde se puedan dejar comentarios.
6. Un botón para limpiar el formulario y otro para enviarlo.

7. <!DOCTYPE html>
8. <html>
9. <head>
10. <meta charset="utf-8 " />
11. <h3>Hotel Toledo</h3>
12. </head>
13.
14. <body bgcolor="lightblue">
15.
16. <form>
17. <label>Nombre:</label><br>
18. <input type="text" name="nombre"><br>
19. <label>Apellidos:</label><br>
20. <input type="text" name="apellidos"><br>
21. <label>Teléfono de contacto:</label><br>
22. <input type="text" name="telefono"><br>
23. <label>E-mail:</label><br>
24. <input type="email" name="email"><br>
25. <label>Número de noches:</label><br>
26. <input type="number" name="noches"><br>
27. <input type="submit" value="Enviar"><br>
28. </form>
29.
30. <form name="formulario" method="post" action="/send.php"><br>
31. Selecciona la fecha deseada:
32. <input type="date" name="fecha" min="2018-03-25" max="2018-05-
25" step="2" />
33. Selecciona la hora deseada:
34. <input type="time" name="hora" min="18:00" max="21:00"
step="3600" />
35. </form>
36.
37. <form>
38. <br>
39. <label>Tipo de habitación:</label><br>
40. <input type="radio" name="habitacion" value="simple"
checked>Habitación simple<br>
41. <input type="radio" name="habitacion" value="doble">Habitación
doble<br>
42. <input type="radio" name="habitacion"
value="matrimonio">Habitación matrimonio<br>
43. <input type="submit" value="Enviar">
44. </form>
45.
46. <form>
47. <label>Opciones adicionales:</label><br>
48. <input type="checkbox" name="desayuno" value="si">Desayuno<br>
49. <input type="checkbox" name="comida" value="si">Comida<br>
50. <input type="checkbox" name="cena" value="si">Cena<br>
51. <input type="checkbox" name="cama_supletoria" value="si">Cama
supletoria<br>
52. <input type="submit" value="Enviar">
53. </form>
54.
55. <form>
56. <label>Comentarios:</label><br>
57. <textarea name="comentarios" rows="5" cols="50"></textarea><br>
58. <input type="submit" value="Enviar">
59. </form>
60.
61. <form>
62. <button type="reset">Limpiar</button>
63. <button type="submit">Enviar</button>
64. </form>
65.
66. </body>
67. </html>

También podría gustarte