Ejercicios de html

Ejercicios de html

  1. Para qué sirve la información que se coloca entre <head> y </head>
  2. Qué etiqueta se pone después de </head>
  3. El resultado de  <strong>El halcón </strong>  es……..
  4. Para poner uno párrafo se abre con _______
  5. 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>
  6. La etiqueta <title> se pone en _________  y sirve para ______________________________________________________________
  7. Explica para qué se usa los H1, H2, H3, etc. Cuantas veces se deben usar cada uno de ellos ( de forma aproximada )
  8. 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>
  9. 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.
  10. Escribe un ejemplo de lista anidada usando <ul> y <li>
  11. Explica qué hace el código siguiente junto a la utilizad de cada etiqueta:
  12. <p><img src="../imagenes/lechuza.jpg" title="No me digas que no es boniko" /></p>
  13. 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>
  14. 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.
  15. <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>
  16. 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»>  
  17. Explica que significa <font size=»3″
  18. Si queremos provoca un salto de línea, usamos la etiqueta ___
  19. 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>
  20. Realiza un ejemplo con el uso de iframe
  21. Explica si el siguiente código es correcto y porqué. <p> <b> Os voy a decir </p> bueno, no, que todo se sabe <b>

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies