Informática 4 ESO

Añadir leyenda

En mi pagina web podemos encontrar diferentes enlaces que nos llevan a diferentes paginas, por ejemplo, si pulsamos la palabra Santa Bárbara nos lleva a su pagina web mediante este código:<p><center><a href="http://con-colegiosantabarbara.centros.castillalamancha.es/" target="_blank"><font type="verdana"><font color="#0033CC"><font weight=bold><font size=20px>

C.E. Santa Bárbara - Puertollano

</center></a href="http://con-colegiosantabarbara.centros.castillalamancha.es/" target="_blank"></font type="verdana"></font color="#0033CC"></font weight=bold></fot size=20px></p>, y pulsando páginas externas, tablas html e imágenes, textos, hobbies llevan hacia mis paginas web, mediante estos códigos:Página externa

</righ></font type="verdana">

</font color="#45B06E">

</font weight=bold></font size= 18px></p></a href="1.html" target="_blank">

<a href="2.html" target="_blank"><p><left><font type="Verdana"><font 

color="#B0A145"><font weight=bold><font 

size= 18px>

Tablas HTML

</center></font type="verdana">

</font color="#B0A145">

</font weight=bold></font size= 18px></p></a href="2.html" target="_blank">

<a href="3.html" target="_blank"><p><left><font type="Verdana"><font 

color="#29BEBE"><font weight=bold><font 

size= 18px>

Imágenes, Texto, hobbies

</left></font type="verdana">

</font color="#29BEBE">

</font weight=bold></font size= 18px></p></a href="3.html" target="_blank"> 

los colores de las palabra mediante:</font color="#B0A145">( el código de letras B0A.. ouede variar según el color que quieras.

, a partir del código <a href="url">palabra que se desea añadir hipervínculo</a href="url" y la imagen apartir de <img src="url imagen"> se añade una imagen que te lleva a la pagina del colegio

Aqui se ve como lo hice:

Añadir leyenda

Esta página podemos observar una imagen que nos debe llevar a página del colegio mediante lo ya explicado anteriormente, luego en esta página podemos encontrar una pequeña explicación del colegio y diferentes url que nos llevan a otras páginas o imágenes por ejemplo la palabra don José David:es <a href="http://4.bp.blogspot.com/-tMd4IotvBOI/TnB-

i_omUAI/AAAAAAAAAAU/WyZxMQylwTQ/s220/Cara%2BDavid.JPG"> Don Jose David</a href="http://4.bp.blogspot.com/-tMd4IotvBOI/TnB-

i_omUAI/AAAAAAAAAAU/WyZxMQylwTQ/s220/Cara%2BDavid.JPG"> nos lleva a una foto de dicho hombre y la palabra gimnasio a una foto de un gym; <a 

href="https://hidrolipoclasiainfo.files.wordpress.com/2011/05/gimnasio.jpeg">gimnasio</a href="https://hidrolipoclasiainfo.files.wordpress.com/2011/05/gimnasio.jpeg">.

Esta parte la hice añadiendo una tabla html, buscada en internet pero moldeada a mi gusto, en concreto esta</center></font type="verdana">

</font color="#B0A145">

</font weight=bold></font size= 18px></p></a href="2.html" target="_blank">

<a href="3.html" target="_blank"><p><left><font type="Verdana"><font 

color="#29BEBE"><font weight=bold><font 

size= 18px>

</body>

<center><h1>Asignaturas 4 E.S.O</h1><center>

<center><table border=105><center>

<tr>

  <td><strong>Asignatura</strong></td>

  <td><strong>Fotografía</strong></td>

</tr>

<tr>

  <th>Biologia y Geologia</th>

  <td><img src="bio.jpg"></td>

</tr>

<tr>

  <th>Historia</th>

  <td><img src="history.jpg"></td>

</tr> 

<tr>

  <th>Alternativa(valores éticos)</th>

  <td><img src="etic.jpg"></td>

</tr>

<tr>

  <th>Física y química</th>

  <td><img src="fyq.jpg"></td>

</tr>

<tr>

  <th>>Informática</th>

  <td><img src="info.jpg"></td>

</tr>

<tr>

  <th>Lengua</th>

  <td><img src="lengu.jpg"></td>

</tr>

<tr>

  <th>Matemáticas</th>

  <td><img src="mates.jpg"></td>

</tr>

<tr>

  <th>Alternativa(valores éticos)</th>

  <td><img src="vetic.jpg"></td>

</tr>

<tr>

  <th>Inglés</th>

  <td><img src="ingles.jpg"></td>

</tr>

<tr>

  <th>Educación Física</th>

  <td><img src="efe.jpg"></td>

</tr>

</table>

</body>

</html>

.Incluye todas mis asignaturas que si pinchas en ellas se podrá observar una imágen acorde a esa asignatura mediante codigos como;<td><a href="http://tse2.mm.bing.net/th?id=OIP.M1ed42db2d3ec8ab134461e038fd49f85o0&pid=15.1"><img src="vetic.jpg"></a href="http://tse2.mm.bing.net/th?id=OIP.M1ed42db2d3ec8ab134461e038fd49f85o0&pid=15.1">etc...</td>, Esto se hizo mediante este código <a href="url imagen">palabra</a href="url imagen">. También se pueden observar una serie de fotos que si pinchas en ellas te llevan hacia un explicación de la materia,mediante;<th><a href="https://es.wikipedia.org/wiki/Valor_(%C3%A9tica)">Alternativa(valores éticos)</a href="https://es.wikipedia.org/wiki/Valor_(%C3%A9tica)"></th>. Esto se hizo de la siguiente forma. buscas foto en internet la guardas como documento jpg con un determinado nombre y en el bloc.

Bueno en esta ultima página no me voy a parar mucho en la explicación ya que es un conjunto de lo demás ya explicado.He añadido dos tablas cada una de una manera con diferentes códigos sacados de internet, diferentes vínculos hacia otras páginas, una foto...

<html>

<head>

<title>Mi documento HTML</title>

<head>

<body>

<h1><center>Mis hobbies </center></h1>

<h3><center>4º de ESO

</center></h3>

<br>

<br>

<br>

<p><center>

Mis hobbies favoritos son jugar a fútbol y quedar con mis<a href="http://tse1.mm.bing.net/th?&id=OIP.M3d33c611f854424048da80f0ebdf73dco0&w=300&h=300&c=0&pid=1.9&rs=0&p=0"> amigos</a href="http://tse1.mm.bing.net/th?&id=OIP.M3d33c611f854424048da80f0ebdf73dco0&w=300&h=300&c=0&pid=1.9&rs=0&p=0">, en especial lo primero. El fútbol  (del inglés británico football), también conocido como balompié, es un deporte de equipo jugado entre dos conjuntos de once <a href="http://tse1.mm.bing.net/th?&id=OIP.M5cf3f4092413cd744825bd4d74a32881H0&w=300&h=300&c=0&pid=1.9&rs=0&p=0">jugadores</a href="http://tse1.mm.bing.net/th?&id=OIP.M5cf3f4092413cd744825bd4d74a32881H0&w=300&h=300&c=0&pid=1.9&rs=0&p=0"> cada uno y algunos árbitros que se ocupan de que las normas se cumplan correctamente. Es ampliamente considerado el deporte más popular del mundo, pues lo practican unos 270 millones de personas. En nuestro pais la liga jugada es la<a href="https://es.wikipedia.org/wiki/Primera_Divisi%C3%B3n_de_Espa%C3%B1a">liga BBVA</a href="https://es.wikipedia.org/wiki/Primera_Divisi%C3%B3n_de_Espa%C3%B1a">en la que participan 20 equipos españoles y catalanes. 

</center>

</body>

</html>

<h1>Clasificación actual</h1>

<p>Primera división</p>

<table class="egt">

  

  <thead>

    <tr>

      <th><a href="http://www.realmadrid.com/">R.Madrid</a href="http://www.realmadrid.com/"><th>

      <th>18</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <th>Celta</th>

      <td>18</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

      <th><a href="http://www.fcbarcelona.es/">Barcelona</a href="http://www.fcbarcelona.es/"><th>

      <td>18</td>

    </tr>

    <tr>

      <th>A.Madrid</th>

      <td>16</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

      <th>Villarreal</th>

      <td>16</td>

    </tr>

    <tr>

      <th>Eibar</th>

      <td>13</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

      <th>Deportivo</th>

      <td>13</td>

    </tr>

  </tbody>

</table>   

      

<table class="egt">

  

  <thead>

    <tr>

      <th> Valencia <th>

      <th>12</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <th>Sevilla</th>

      <td>12</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

<table class="egt">

  

  <thead>

    <tr>

    <th>Betis<th>

      <th>12</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <th>Espanyol</th>

      <td>12</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

      <th>Getafe<th>

      <td>10</td>

    </tr>

    <tr>

      <th>Rayo Vallecano</th>

      <td>10</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

      <th>sporting</th>

      <td>9</td>

    </tr>

    <tr>

      <th>Málaga</th>

      <td>9</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

      <th>Athletic</th>

      <td>8</td>

    </tr>

  </tbody>

</table>   

      

<table class="egt">

  

  <thead>

    <tr>

      <th> R.Sociedad <th>

      <th>6</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <th>Granada</th>

      <td>6</td>

    </tr>

  </tbody>

  <tbody>

    <tr>

<table class="egt">

  

  <thead>

    <tr>

      <th><th>

      <th></th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <th></th>                          <right><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZNL4ELlFLWB-4hWhzcyyejGXdrgHLU4ZhDe7C5kVKPpf26cfx5QlqRoC26quO1gibepHEQ9mTsvbnh1PiSSwgyF-cgVHwbadFd7X91CTlBJ3q0JmEDNV7p9MoFNK3gj6Km71gX1QunM/s1600/todo+el+mundo+juegas+al+futbol02.jpg/"target="_blanc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZNL4ELlFLWB-4hWhzcyyejGXdrgHLU4ZhDe7C5kVKPpf26cfx5QlqRoC26quO1gibepHEQ9mTsvbnh1PiSSwgyF-cgVHwbadFd7X91CTlBJ3q0JmEDNV7p9MoFNK3gj6Km71gX1QunM/s1600/todo+el+mundo+juegas+al+futbol02.jpg">

<right/>

      <td></td>

    </tr>

  </tbody>

  <tbody>

    <tr>

<center><a href="https://es.wikipedia.org/wiki/Anexo:M%C3%A1ximos_goleadores_de_la_Primera_Divisi%C3%B3n_de_Espa%C3%B1a">Máximos goleadores</a href="https://es.wikipedia.org/wiki/Anexo:M%C3%A1ximos_goleadores_de_la_Primera_Divisi%C3%B3n_de_Espa%C3%B1a"></center>

<center><table border=99><center>

<tr>

  <td><strong>Jugador</strong></td>

  <td><strong>Goles</strong></td>

</tr>

<tr>

  <td>Neymar</td>

  <td> Ocho</td>

</tr>

<tr>

  <td>Luis Suarez</td>

  <td>siete</td>

</tr>

<tr>

  <td>Nolito</td>

  <td>Siete</td>

</tr>

<tr>

  <td>Cristiano Ronaldo</td>

  <td>Siete</td>

</tr>

<tr>

  <td>Borja bastón</td>

  <td>Seis</td>

</tr>

<tr>

<a href="file:///C:/Users/antonio%20jose%20corral/Documents/My%20Games/index.html">INDEX</file:///C:/Users/antonio%20jose%20corral/Documents/My%20Games/index.html">

Por ultimo quedría acabar esto dando unas opiniones de lo que mas me gusto y menos, bueno pues lo que más me gusto fue aprender a hacer páginas html a partir de un blog de notas, aparte de que aprendí mas sobre uno de los hobbies que más me gustan que es el fútbol y bueno lo que menos me gusto fue que es un poco trabajoso escribir toda esa serie de códigos y dígitos