miércoles, 28 de octubre de 2015

Trabajo de Index


En mi página web podemos encontra:
     -Mi nombre y el del colegio,con el código
<h1><center>Alejandro Borrallo Calero</center></h1>
<h3><center>4º de ESO
</center></h3>
<br>
<br>
<br>
<p><center>C.E. Santa Bárbara - Puertollano</center>
      *El tipo de letra y color esta dentro del código
<font type="Verdana"><font
color="#6E83E3"><font weight=bold><font
size= 18px>
  -A continuación hay una imagen de mi Colegio en la que si pulsas nos llevara a la página del colegio y si pinchas en Colegio Santa Bárba nos llevara a la página del ayuntamiento de Puertollano con el código:
<p><center><a href="http://www.puertollano.es/opencms/opencms/sites/pto/portal/index.jsp" target="_blank"><font type="verdana"><font color="#6E83E3"><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="#6E83E3"></font weight=bold></fot size=20px></p>
</body>
</html>
<center><a href="http://con-colegiosantabarbara.centros.castillalamancha.es/" target="_blank"><img src="http://con-colegiosantabarbara.centros.castillalamancha.es/sites/con-colegiosantabarbara.centros.castillalamancha.es/files/imagenes/50years_0.jpg">
<center/></a href="http://con-colegiosantabarbara.centros.castillalamancha.es/" target="_blank">
   -y por último hay diferentes entradas, Página externa,Tabla html e Imágenes,textos y hobbies y se encuentran en el código:
<a href="1.html" target="_blank"><p><left><font type="Verdana"><font
color="#6E83E3"><font weight=bold><font
size= 18px>
*Para enlazar un página con otra hemos utilizado en código
 </a href="1.html" target="_blank">
<a href="2.html" target="_blank"><p><left><font type="Verdana"><font
color="#DC3131"><font weight=bold><font
size= 18px



Página externa
</left></font type="verdana">
</font color="#DC3131">
</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="#DC3131"><font weight=bold><font
size= 18px>
Tabla HTML
</left></font type="verdana">
</font color="#0EF8F8">
</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="#0EF8F8"><font weight=bold><font
size= 18px>
Imágenes, Texto, hobbies
</left></font type="verdana">
</font color="#578E55">
</font weight=bold></font size= 18px></p></a href="3.html" target="_blank">
<a href="1.html" target="_blank"><p><left><font type="Verdana"><font
color="#578E55"><font weight=bold><font
size= 18px>
 En cada entrada hemos realizado un nuevo bloc de notas uno para cada entrada.
      #Página externa.
En esta página nos encontramos con informacion de mi colegio que se encuentra en este código:
<title>Colegio HTML</title>
<head>
<body>
<h1><center>Alejandro Borrallo Calero</center></h1>
<h3><center>4º de ESO
</center></h3>
<br>
<br>
<br>
<p><center><font color="#6E83E3"><font weight=bold><font size=20px>
Página externa
</left></font type="verdana">
</font color="#DC3131">
</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="#DC3131"><font weight=bold><font
size= 18px

</body>

</html>

<html>
<head>

<br>
<br>
<br>
<p><center><font color="#DC3131"><font weight=bold><font size=20px>

#Tabla html
En est página nos encontramos una tabla,el código de esta tabla lo he encontado en http://librosweb.es/libro/xhtml/capitulo_7/tablas_bassicas.html
El código es el siguiente:
 <html>
<head><title>Asignaturas</title></head>
<head><title></title></head>
<body>

<h1>Asignaturas</h1>

<table>
<tr>
  <td><strong>Asignaturas</strong></td>
</tr>

<tr>
  <td>Biología</td>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXg2N3sHvJLMb-GwXOn9K1YXp5h8swCypfFmFrZ4Md-uInQTWLP3HwA8TP807PNhSUbCYPZIk0r2e0NietSz4nSQLz29GNzl7tqMTvxbT6Q-r9Igix-lCC7rWzSC1nSppUZtKqvC4fqcAA/s1600/biologia.png"><IMG SRC="Biología.jpg"></td>

</tr>

<tr>
  <td>Física y Química</td>
<td><a href="http://static.batanga.com/sites/default/files/styles/full/public/curiosidades.batanga.com/files/Que-es-un-atomo-1.jpg?itok=NWO6paw4"><IMG SRC="Física y Química.jpg"></td>

</tr>

<tr>
  <td>Historia</td>
<td><a href="http://static.batanga.com/sites/default/files/curiosidades.batanga.com/files/5-descubrimientos-que-desmienten-la-historia-1.jpg"><IMG SRC="Hstoria.jpg"></td>

</tr>

<tr>
  <td>Matemáticas</td>
<td><a href"http://portaleducativo.educantabria.es/documents/150633/5789714/operaciones.gif/b9c120e7-9144-45c0-9e08-2cfaa4dbf0b6?t=1422201804413"><IMG SRC="Matemáticas.jpg"></td>

</tr>

<tr>
  <td>Lenguaje</td>
<td><a href="http://ieros.comxa.com/aula/imagenes/lenguaje.gif"><IMG SRC="Lenguaje.jpg"></td>

</tr>

<tr>
  <td>Inglés</td>
<td><a href="http://speakandwakeup.com/wp-content/uploads/2013/01/Ingl%C3%A9s-para-adultos.gif"><IMG SRC="Inglés.jpg"></td>


<tr>
</table>

</body>

 En este código encontramos donde pone strong el título de las columnas y lo posterior encontrado entre <td> y </td>.
Por último encontramos esta página:

 #Imágenes,textos y hobbies.
En esta página encontramos un texto describiendo mi hobbie y un poco los jugadores que me gustan y una imágen esto se encuentra en el código:
  <br>
<p><center><font color="#578E55"><font weight=bold><font size=20px>
Imágenes, Texto, hobbies
</left></font type="verdana">
</font color="#578E55">
</font weight=bold></font size= 18px></p></a href="3.html" target="_blank">

</body>

</html>
<p><center><font color="#257122"><font weight=bold><font size=20px>
Dentro de mis hobbies el que más destaca es el fútbol desde pequeño me ha gustado mucho,incluso he estado jugando en el equipo de las esculas deportivas de Puertollano.Mi equipo favorito es el FC Barcelona aunque tambien me gustan el Atletico de Madrid,Sevilla FC,Valencia CF y Villarreal CF.mis jugadores favoritos son:David Villa,Iker Casillas,Victor Valdes,Mesut ozil,Andrés Iniesta,Xavi Hernández e Isco.


<img src="http://www.carlesmarcos.com/wp-content/uploads/2015/06/Mineros-de-San-Luis-1.jpg">





El único problema que he tenido ha sido en meter las imágenes en la tabla de la imágen 3 finalmente lo he podido meter como he podido y lo que ocurre es que no te sale la foto pero al darle al iconito de al lado de cada asignatura te lleva a la url de la foto y entonces si se puede ver.



Lo que verdaderamente me ha gustado es poder realizar una web que apartir de ella te lleve a otras.