Ejercicios de html
- Para qué sirve la información que se coloca entre <head> y </head>
- Qué etiqueta se pone después de </head>
- El resultado de <strong>El halcón </strong> es……..
- Para poner uno párrafo se abre con _______
- Abre el editor de texto. Copia
<p>Esto es una prueba de <strong>Tecnología de la Información</strong>, y podemos crear <em>manuales</em> para aprender y no para <del>memorizar</del>.</p>
- La etiqueta <title> se pone en _________ y sirve para ______________________________________________________________
- Explica para qué se usa los H1, H2, H3, etc. Cuantas veces se deben usar cada uno de ellos ( de forma aproximada )
- Los blockquote ( o bloques de citas ) se usan para reflejar que lo siguiente tiene un formato de «cita» o definición. Utiliza la cita de abajo para verla como la muestra un navegador
<blockquote><em>"Si no pensamos más en la naturaleza, corremos el peligro de que la naturaleza se olvide de que formamos parte de ella"</em></blockquote>
- Con <pre> conseguimos mostrar en el navegador el texto exactamente igual a como aparece en el código fuente. Para comprobarlo, hacer una tabla en código fuente usando estas etiquetas y comprobar el resultado.
- Escribe un ejemplo de lista anidada usando <ul> y <li>
- Explica qué hace el código siguiente junto a la utilizad de cada etiqueta:
-
<p><img src="../imagenes/lechuza.jpg" title="No me digas que no es boniko" /></p>
- En la siguiente bloque de código vamos a representar una _________. Explica que hace cada una de las partes esenciales de éste código:
<table> <tr> <th>Mes</th> <th>Ahorro</th> </tr> <tr> <td>Enero</td> <td>600 €</td> </tr> <tr> <td>Febrero</td> <td> 500 €</td> </tr> </table>
- Los formularios se utilizan para que los usuarios se pongan en contacto con nosotros. Éstos a su vez están compuestos por una serie de etiquetas. En el formulario que se indica abajo, explicar qué función tienen las etiquetas <form action , <input type y <input type=»radio». Pasarlo a un editor y comprobar cómo se ve en el navegador.
- <form action=»/php/insertar_cv.php» method=»post» enctype=»multipart/form-data»>
Cómo te llamas <br/>
<input type=»text» name=»nombre» value=»» size=»22″ maxlength=»50″ />
<br/>
Tu primer Apellido <br/>
<input type=»text» name=»apellido» value=»» size=»40″ maxlength=»88″ />
<br/>Tu DNI en secreto <br/>
<input type=»password» name=»dni» value=»» size=»14″ maxlength=»19″ />
<br/>
Sexo <br/>
<input type=»radio» name=»sexo» value=»Chico » checked=»checked» /> Chico <br/>
<input type=»radio» name=»sexo» value=»Chica» /> Chica
<br/><br/><input name=»suscribir» type=»checkbox» value=»boletin» checked=»checked»/> Mandar información de novedades
<br/><br/>
<input type=»submit» name=»Mandar» value=»Mandamos los datos» />
<input type=»reset» name=»Borrar» value=»Borrar datos» />
</form> - la etiqueta <area> define un área dentro de un mapa de imagen. Un mapa de imagen es una imagen con áreas que se pueden clickear. La etiqueta <area> está siempre incrustada dentro de la etiqueta <map>. La forma que se puede clickear puede ser muy diversa. Si tenemos un área rectangular, entonces necesitamos 4 coordenadas, una para cada vértice pero si es circular, basta con tres ( dos para localizar el centro y otra para el radio. Hay que tener en cuenta que para hallar las coordenadas, se empieza de abajo a la izquierda. Para estos dos casos tendríamos :
<area shape=«rect» coords=«0,0,80,150» href=«sol.htm» alt=«Sol»><area shape=«circle» coords=«120,50,10» href=«luna.htm» alt=«luna»>
- Explica que significa <font size=»3″
- Si queremos provoca un salto de línea, usamos la etiqueta ___
- Para hacer un menú de navegación, es muy útil la etiqueta <nav>. Hacer uno adaptado a vuestros requisitos. Un ejemplo de ésta es :
<nav><a href=«/familia/»>Mi familia</a> |<a href=«/friends/»>Mis amigos</a> |<a href=«/fotos/»>Mis fotos</a> |</nav>
- Realiza un ejemplo con el uso de iframe
- Explica si el siguiente código es correcto y porqué. <p> <b> Os voy a decir </p> bueno, no, que todo se sabe <b>