jueves, 27 de octubre de 2016

Ejercicios HTML


Ejercicio 1:

Mi biografia personal

Esta es la página de una alumna de 3º ESO a la que le fascina navegar por Internet. Mi nombre es Amaya Olmedo.
En esta página os contaré las múltiples aventuras que he vivido en Internet, con gente de todo el planeta. Os aseguro que os divertiréis.




<html>
    <head>
        <title>La biografia de Amaya</title>
    </head>
    <body>
        <h1>Mi biografia personal</h1>
        <p>Esta es la página de una alumna de 3º ESO a la que le fascina navegar por
        <em>Internet</em>. Mi nombre es <strong>Amaya Olmedo</strong>.</p>

        <p>En esta página os contaré las múltiples aventuras que he vivido en
        <em>Internet</em>, con gente de todo el planeta. Os aseguro que os divertiréis</p>

    </body>

</html>




Ejercicio 2:

París, ciudad con encanto

Una de las ciudades europeas de más encanto, por no decir la que más, es París. Allí se pueden encontrar todo tipo de motivos susceptibles de ser visitados, con tranquilidad o con prisas, en las diferentes ocasiones en que se esté en la gran urbe.



<html>
<head>
<title>Visita París</title>
</head>
<body>
<h1>París, ciudad con encanto</h1>
<p>Una de las ciudades europeas de más encanto, por no decir la que más, es París. Allí se pueden encontrar todo tipo
de motivos susceptibles de ser visitados, con tranquilidad o con prisas, en las diferentes ocasiones en que se esté en
la gran urbe.</p>
</body>
</html>



Ejercicio 3:

Titular de la página

Párrafo de introducción...

La primera sub-sección

Párrafo de contenido...

Otra subsección

Más párrafos de contenido...



<html>
<head>
<title>Títulos</title>
</head>
<body>
<h1>Titular de la página</h1>
<p>Párrafo de introducción...</p>
<h2>La primera sub-sección</h2>
<p>Párrafo de contenido...</p>
<h2>Otra subsección</h2>
<p>Más párrafos de contenido...</p>
</body>
</html>



Ejercicio 4:


Historia

1969. La primera red interconectada nace el 21 de noviembre de 1969, cuando se crea el primer enlace entre las universidades de UCla y Stanford por medio de la linea telefónica conmutada, y gracias a los trabajos y estudios anteriores de varios científicos y organizaciones desde 1959. El mito de que ARPANET, la primera red, se contruyó simplemente para sobrevivir a ataques nucleares sigue siendo muy popular. Sin embargo, este no fue el único motivo. Si bien es cierto que ARPANET fue diseñada para sobrevivir a fallos en la red, la verdadera razón para ello era que los nodos de conmutación eran poco fiables, tal y como se atestigua en la siguiente cita: 1986. La NSF comenzó el desarrollo de NSFNET que se convirtió en principal Red en árbol de Internet, complementada después con las redes NSINET y ESNET, todas ellas en Estados Unidos. Paralelamente, otras redes troncales en Europa, tanto públicas como comerciales, junto con las americanas formaban el esqueleto básico de Internet.

Nombres de dominio


La Corporación de Internet para los Nombres y los Números asignados (ICANN)es la autoridad que coordina la asignación de identificadores únicos en Internet.




<html>

 <head>

<title>Estilos</title>

</head>

<body>

<h1>Historia</h1>
<hr/>
<p><strong>1969</strong>. La primera red interconectada nace el 21 de noviembre de <strong>1969</strong>, cuando se crea el primer enlace entre las universidades de UCla y Stanford por medio de la linea telefónica conmutada, y gracias a los trabajos y estudios anteriores de varios científicos y organizaciones desde <strong>1959</strong>. El mito de que ARPANET, la primera red, se contruyó simplemente para sobrevivir a ataques nucleares sigue siendo muy popular. Sin embargo, este no fue el único motivo. Si bien es cierto que ARPANET fue diseñada para sobrevivir a fallos en la red, la verdadera razón para ello era que los nodos de conmutación eran poco fiables, tal y como se atestigua en la siguiente cita:
<strong>1986</strong>. La NSF comenzó el desarrollo de NSFNET que se convirtió en principal <em>Red en árbol de Internet</em>, complementada después con las redes NSINET y ESNET, todas ellas en Estados Unidos. Paralelamente, otras redes troncales en Europa, tanto públicas como comerciales, junto con las americanas formaban el esqueleto básico de Internet.
</p>


<h2>Nombres de dominio</h2>
<p>La <em>Corporación de Internet para los Nombres y los Números asignados</em> (ICANN)es la autoridad que coordina la asignación de identificadores únicos en Internet.</p>


</body>

</html>


Ejercicio 5:

 Instrucciones

  1. Enchufar correctamente
  2. Comprobar conexiones
  3. Encender el aparato

Menú

  • Inicio
  • Noticias
  • Articulos
  • Contacto

Temario

  1. Capitulo 1
  2. Capitulo 2
    • La estructura del documento
    • El texto y las listas
    • Etc.
  3. Capitulo 3 


<html>
<head>
<title> Listas </title>
</head>
<body>
<h1> Instrucciones </h1>
<ol>
<li> Enchufar correctamente </li>
<li> Comprobar conexiones </li>
<li> Encender el aparato </li>
</ol>
<h1> Men&uacute; </h1>
<ul>
<li> Inicio </li>
<li> Noticias </li>
<li> Articulos </li>
<li> Contacto </li>
</ul>

<h1> Temario </h1>
<ol>
<li> Capitulo 1 </li>
<li> Capitulo 2 </li>
<ul>
<li> La estructura del documento </li>
<li> El texto y las listas </li>
<li> Etc. </li>
</ul>
<li> Capitulo 3 </li>
</ol>
</body>
</html>



Ejercicio 6:

El concepto de Prehistoria y su periodización

La Prehistoria es la ciencia que trata de la historia del mundo y del hombre antes de cualquier documento escrito.

¿Cómo podemos subdividir la Prehistoria?

  • Edad de Piedra
    • Paleolitico (Piedra Antigua)
    • Mesolitico o Eqipaleolitico
    • Neolitico (Piedra Nueva)
  • Edad de Bronce
    • Edad del Cobre
    • Bronce Antiguo
    • Bronce Medio
    • Bronce Reciente
  • Edad de Hierro
    • Hierro I
    • Hierro II





<html>
<head>
<title>Concepto de Prehistoria</title>
</head>
<body>
<h1>El concepto de Prehistoria y su periodización</h1>
<p> La <strong>Prehistoria</strong> es la ciencia que trata de la historia del mundo y del hombre antes de cualquier documento escrito.</p>

<h2> ¿C&oacute;mo podemos subdividir la Prehistoria? </h2>
<hr>
<ul>
<li> Edad de Piedra </li>
<ul>
<li> Paleolitico (Piedra Antigua) </li>
<li> Mesolitico o Eqipaleolitico </li>
<li> Neolitico (Piedra Nueva) </li>
</ul>
<li> Edad de Bronce </li>
<ul>
<li> Edad del Cobre </li>
<li> Bronce Antiguo </li>
<li> Bronce Medio </li>
<li> Bronce Reciente</li>
</ul>
<li> Edad de Hierro</li>
<ul>
<li> Hierro I </li>
<li> Hierro II </li>
</ul>
</body>

<html>
<head>
<title> Naturaleza </title>
</head>
<body>
<h1> Otros enlaces de interes </h1>

<ul>
<li><a href="http://www.parquesnaturales.com"> Parque Naturales de España </a></li>
<li><a href="http://www.humedalesibericos.com/tablas"> Humedales ibericos </a></li>
<li><a href="http://www.andalucianatural.com"> Parques Naturales de Andalucia </a></li>
<li><a href="http://faunaiberica.org"> Portal para la conservacion de los animales ibericos </a></li>
<li><a href="http://www.vanaga.es/parques"> Parques Nacionales de Canarias </a></li>
<li><a href="http://www.ordesa.net"> Parque Nacional de Ordesa y Monte Perdido </a></li>
</ul>

</body>
</html>




Ejercicio 8:













<html>
<head>
<title>Biografia de Steve Aoki</title>
</head>
<body>
<h1> Steve Aoki </h1>
<div align="center">
<img src="steve-aoki.jpg"/>
</div>
<p> Steven Hiroyuki Aoki, nacido el 30 de noviembre de 1977, más conocido como Steve Aoki, es un DJ y productor estadounidense de electrohouse y es el fundador del sello discográfico Dim Mak Records.
Actualmente, ocupa el puesto 7 en los 100 mejores DJ's del mundo según la encuesta anual que realiza la revista DJmag.</p>

<p>Steve Hiroyuki Aoki nació en Miami y se crió en Newport Beach (California). Se graduó de la Newport Harbor High School en 1995, fue un jugador estrella en el equipo universitario de badminton. Su padre es Hiroaki "Rocky" Aoki, japonés nacido en Tokio y su madre, Kobayashi Chizuru.1 Su padre era un antiguo luchador de lucha libre, quien también fundó la cadena de restaurantes Benihana. Él tiene dos hermanos mayores, Kana (que ahora es conocida como "Grace"), y Kevin (dueño del restaurante Sushi Doraku). También cuenta con tres medio hermanos, todos los cuales son menores: Kyle, Echo y Devon Aoki, la supermodelo y actriz. Cuando era niño, Steve vivía con su abuelo, su madre y sus dos hermanos mayores.</p>

<p>Aoki asistió a la Universidad de California en Santa Bárbara y se graduó con dos títulos, uno en Estudios de la Mujer y el otro en Sociología. En la universidad, él produjo sus primeras producciones y realizó conciertos underground en Biko en el Santa Barbara Student Housing Cooperative, que estaba ubicado en Isla Vista, una zona residencial junto a la UCSB. Como sala de conciertos, el apartamento fue conocido comoThe pickle patch.2 3 A sus 20 años de edad, Aoki había lanzado su propio sello discográfico, al que llamó Dim Mak en honor a su héroe de la infancia, Bruce Lee.4 También ha integrado numerosas bandas, incluyendo This machine kills, que lanzó un álbum en el sello Ebullition Records, "Esperanza", y "The Fire Next Time". Una de sus mejores canciones (producida junto a Afrojack) fue: No Beef.</p>
</body>
</html>







Ejercicio colores:




Ejercicio tabla:

 <html>
    <head>

      <title>tabla</title>
      <link rel="stylesheet" href="style.css">
    </head>
    <body>
      <table  border="2px">
        <tr>
          <td>
            Jefe departamento </td>
          <td>Jefe seccion </td>
          <td> Empleado</td>
          <td> Edad empleado</td>
        </tr>
        <tr>
          <td rowspan="2">Campo unificado</td>
          <td> Martin Lopez</td>
          <td>    Mateo
          <td> 33</td>
        </tr>
        <tr>
          <td>Luis
          </td>
          <td> Maite</td>
          <td> 62</td>
        </tr>
        <tr>
          <td colspan="2">Luis Perez  </td>
          <td>Alberto </td>
          <td> 44 </td>
        </tr>
      </table>
    </body>

  </html>








table {
  font-family: "Lucida Sans unicode"; border-width: medium; border-color: red; font-size: 12px; margin: 45px; width: 480px; text-align: center;}
th { font-size: 16px; font-weight: bold; padding: 8px;
  background: red;}
caption {font-size: 20px; color:black; background: red; font-weight: bold; }
td { border-width: 3px; padding: 8px; background: #eBedff; color: #669;







<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Made with Thimble</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

  <html>
    <head>

      <title>tabla</title>
      <link rel="stylesheet" href="style.css">
    </head>
    <body>
      <table  border="2px">
        <caption>TABLA </caption>
        <tr>
          <td>
            Jefe departamento </td>
          <td>Jefe seccion </td>
          <td> Empleado</td>
          <td> Edad empleado</td>
        </tr>
        <tr>
          <td rowspan="2">Campo unificado</td>
          <td> Martin Lopez</td>
          <td>    Mateo
          <td> 33</td>
        </tr>
        <tr>
          <td>Luis
          </td>
          <td> Maite</td>
          <td> 62</td>
        </tr>
        <tr>
          <td colspan="2">Luis Perez  </td>
          <td>Alberto </td>
          <td> 44 </td>
        </tr>
      </table>
    </body>
  </html>






Página web del monstruo

Página web del Monstruo

Donde cuento mis aventuras y mis penas



Hola. Me llamo Monstruo y soy un ser excepcional,
como lo demuestra el hecho de haber creado esta página web

He elaborado esta página por dos motivos principales:

  • Para dejar constancia de mi existencia sobre la Tierra
  • Para que los demás conozcan mi aportación a la Humanidad

Profesión

Mi vida ha sido un compendio de calamidades, todas causadas por mi condición monstruosa. No he podido ejercer otra profesión que la de monstruo para ganarme la vida, y eso me ha acarreado grandes penalidades y largas persecuciones.

Al gún día escribiré mi biografía para que los demás conozcan también mis virtudes, que se han quedado ocultas por causa de mi aspecto y mi proceder. Es verdad que he acabado con muchas ilusiones y esperanzas que otras personas albergaban antes de verme y de conocerme. Pero también es cierto que he contribuido a mostrar el lado feo y asqueroso de las personas, pues al fin y al cabo yo he sido un engendro de la naturaleza, un ser que iba a convertirse en una persona normal y cuyo destino fue truncado por un error genético.


Aficiones

Entre mis aficiones destacan las siguientes:


  1. Cazar moscas y cortarles las alas.
  2. Coleccionar objetos que dan miedo (Véase mi colección)
  3. Poner zancadillas a las colegialas.
  4. Cortar el rabo a las lagartijas.
  5. Asustar a las parejas en los parques.
  6. Caminar arrastrando los pies.
  7. Recorrer los bajos fondos por las noches.
  8. Robar los chupetes a los bebés.
  9. Ligar con las brujas.
  10. Ir de parranda con los vampiros.

Enlaces de miedo


Halloween.com: http://www.halloween.com
Aquí encontraréis muchas páginas dedicadas a mis hermanos los vampiros, los hombres lobo, las brujas, etc. Tiene imágenes muy buenas y sonidos de fondo espeluznantes. Está en inglés, pero el lenguaje del terror es universal.
Alirburia: http://alirburia.8m.com
Página que incluye relatos de miedo de escritores famosos, como H. P. Lovecraft. Es una página muy bien diseñada.
Museo de cera de Madrid: http://www.museoceramadrid.com
Es un lugar donde hay muchos seres extraños.

tabla

Mi colección de imágenes


monstruo
 monstruo monstruo




Publicado por en
Etiquetas:

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)