Scribd
Cargar
79 vistas8 páginas

Enunciado Con HTML

Cargado por

hikaribekn
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
79 vistas8 páginas

Enunciado Con HTML

Cargado por

hikaribekn
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

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.
Sopa de cebolla (4 personas)
Ingredientes:

1 Kg. de cebollas.
2 l. de caldo de carne.
100 gr. mantequilla.
1 cucharada de harina.
100 gr. de queso emmental suizo o gruyére rallado.
Pan tostado en rebanadas.
Tomillo.
1 hoja de laurel.
Pimienta.
Proceso:

Pelar y partir las cebollas en rodajas finas.


Rehogarlas con la mantequilla, sal y pimienta a fuego lento hasta que estén
transparentes sin dorarse.
Añadir la harina sin dejar de remover.
Ponerlo en una cazuela con el caldo, el tomillo y el laurel.
Dejar cocer a fuego lento durante unos 15 minutos.
Poner las rebanadas de pan encima, espolvorear el queso y gratinar al horno.

<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<title>COCINARTE</title>

<link rel="stylesheet" href="[Link]" type="text/css">


</head>
<body>
<h1>Receta de Sopa de cebolla</h1>
<img src="[Link]">
<br>
<p><strong>Raciones:</strong> 4 personas</p>
<h2>Ingredientes</h2>
<ul>
<li>1 kg de cebollas</li>
<li>2 litros de caldo de carne</li>
<li>100 gr de mantequilla</li>
<li>1 cucharada de harina</li>
<li>100 gramos de queso emmental suizo o gruy&eacute;re
rallado</li>
<li>Pan tostado en rebanadas</li>
<li>Tomillo</li>
<li>1 hoja de laurel</li>
<li>Pimienta</li>
</ul>
<br>
<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&eacute;n trasparentes sin dorarse.</li>
<li>A&ntilde;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 rebandas de pan encima, espolvorear el queso
y gratinar al horno.</li>
</ol>
<br>
<img src="[Link]">
</body>
</html>

En la misma carpeta aparece el archivo .html, el archivo .css y las dos imágenes
adjuntadas.

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">

<head>
<meta charset="UTF-8">
<title>WEB PERSONAL</title>

<link rel="stylesheet" href="[Link]" type="text/css">


</head>
<body>
<h1><u>CYNTHIA HEREDIA</u></h1>
<img src="[Link]">
<br>
<h2><b>Datos personales</b></h2>
<ul>
<li><strong>Nombre: </strong> Cynthia</li>
<li><strong>Apellidos: </strong> Heredia G&oacute;mez</li>
<li><strong>Nacionalidad: </strong> Española</li>
<li><strong>Domicilio: </strong> Calle Vereda del Vicario
</li>
<li><strong>Tel&eacute;fono: </strong> 671910008</li>
<li><strong>Correo electr&oacute;nico: </strong>
cynthiaherediag07@[Link]</li>
</ul>
<br>
<h2><b>Experiencia academica</b></h2>
<table class="tabla1">
<thead>
<tr>
<th>Formaci&oacute;n</th>
<th>Centro</th>
<th>Año de finalizaci&oacute;n</th>
</tr>
</thead>
<tbody>
<tr>
<td>CFS Desarrollo de Aplicaciones Web</td>
<td>IES Maestre de Calatrava</td>
<td>En desarrollo</td>
</tr>
<tr>
<td>Grado en Educaci&oacute;n Social</td>
<td>Universidad Nacional a Distancia</td>
<td>2024</td>
</tr>
<tr>
<td>M&aacute;ster Servicios P&uacute;blicos y
Pol&iacute;ticas Sociales</td>
<td>Universidad de Salamanca</td>
<td>2020</td>
</tr>
<tr>
<td>Grado en Criminolog&iacute;a</td>
<td>Universidad de Salamanca</td>
<td>2019</td>
</tr>
</tbody>
</table>
<br>
<h2><b>Idiomas</b></h2>
<table class="tabla2">
<thead>
<tr>
<th>Idioma</th>
<th>Nivel</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ingl&eacute;s</td>
<td>B1</td>
</tr>
<tr>
<td>Franc&eacute;s</td>
<td>B1</td>
</tr>
<tr>
<td>Italiano</td>
<td>A1</td>
</tr>
</tbody>
</table>
<br>
<h2><b>Aficiones</b></h2>
<ul>
<li>Videojuegos</li>
<li>Escuchar m&uacute;sica</li>
<li>Peliculas de terror</li>
<li>Anime y kdramas</li>
</ul>
<br>
<a href="[Link]
9973601b7/"> Enlace a LinkedIn </a>
<br>
</body>
</html>

En la misma carpeta aparece el archivo .html, el archivo .css y la imagen adjuntada.

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

<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<title>HOTEL LAS CAMELIAS</title>

<link rel="stylesheet" href="[Link]" type="text/css">


</head>
<body>
<form name="FormulariodeRegistro" action="/[Link]"
method="post">
<h1>FORMULARIO DE REGISTRO</h1>
<img src="[Link]">
<br><br><br>
<label><b>Nombre</b></label>&nbsp;&nbsp;&nbsp;<input
type="text" name="Nombre" size="30" maxlenght="50" required>
<br><br>
<label><b>Apellidos</b></label>&nbsp;&nbsp;&nbsp;<input
type="text" name="Apellidos" size="40" maxlenght="50" required>
<br><br>
<label><b>Tel&eacute;fono de
contacto</b></label>&nbsp;&nbsp;&nbsp;<input type="text"
name="Tel&eacute;fono de contacto" size="30" maxlenght="50" required>
<br><br>
<label><b>Email</b></label>&nbsp;&nbsp;&nbsp;<input
type="email" name="Email" size="40" maxlenght="50" required>
<br><br>
<label><b>N&uacute;mero de noches</b></label>&nbsp;&nbsp;<input
type="number" name="N&uacute;mero de noches" max="30" min="1" required>
<br><br>
<label><b>Fecha de entrada</b>&nbsp;&nbsp;&nbsp;</label>
<select>
<option value="D&iacute;a">D&iacute;a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
&nbsp;&nbsp;&nbsp;
<select>
<option value="Mes">Mes</option>
<option value="1">Enero</option>
<option value="2">Febrero</option>
<option value="3">Marzo</option>
<option value="4">Abril</option>
<option value="5">Mayo</option>
<option value="6">Junio</option>
<option value="7">Julio</option>
<option value="8">Agosto</option>
<option value="9">Septiembre</option>
<option value="10">Octubre</option>
<option value="11">Noviembre</option>
<option value="12">Diciembre</option>
</select>
<br><br>
<label><b>Habitaci&oacute;n a elegir:</b></label>
<input type="radio" name="room"
value="simple"><label>Habitaci&oacute;n simple </label>
&nbsp;&nbsp;&nbsp;
<input type="radio" name="room"
value="doble"><label>Habitaci&oacute;n doble </label>
&nbsp;&nbsp;&nbsp;
<input type="radio" name="room" value="matrimonio"><label>
Habitaci&oacute;n de matrimonio</label>
&nbsp;&nbsp;&nbsp;
<br><br>
<label><b>Servicios:</b></label>
<input type="checkbox" name="Desayuno"
value="si"><label>Desayuno</label>
&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="Comida"
value="si"><label>Comida</label>
&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="Cena"
value="si"><label>Cena</label>
&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="Cama" value="si"> <label>Cama
supletoria</label>
&nbsp;&nbsp;&nbsp;
<br><br>
<label><b>Comentarios:</b></label><br>
<textarea name="Comentarios" rows="5" cols="50"></textarea>
<br><br>
&nbsp;&nbsp;&nbsp;
<input type="submit">&nbsp;&nbsp;&nbsp;<i>Pulse "enviar" para
formalizar el registro</i>
<br><br>
&nbsp;&nbsp;&nbsp;
<input type="reset">&nbsp;&nbsp;&nbsp;<i>Pulse "Restablecer"
para limpiar el formulario</i>
<br>
</form>
</body>
</html>

En la misma carpeta aparece el archivo .html, el archivo .css y la imagen adjuntada.

También podría gustarte