Mi blog :)

Este es mi blog y quiero y espero que quede muy bien y muy bonito, ¡me voy a esforzar en ello! :D

viernes, 30 de octubre de 2015

TRABAJO HTML

ASÍ HE HECHO MI TRABAJO HTML

¿Qué es y para qué sirve el código HTML?
EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc).
Es un lenguaje muy simple y general  que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.





El inicio consta de la parte "Index" como página principal, en la que a partir de ella podemos pasar a las demás páginas.
Consta de mi nombre, mi curso y mi colegio, en el cual si pinchas en él, te lleva a la página del colegio. He conseguido ponerlo de esa forma poniendo:

<a href="http://con-colegiosantabarbara.centros.castillalamancha.es/" target="_blank"><p><center><font type="Verdana"><font

Más abajo, tiene las tres páginas a las que podemos acceder, a las cuales se puede mediante:

<A HREF="file:///F:/lorena/trabajo/paginaexterna.html">
<A HREF="file:///F:/lorena/trabajo/pagina1.html">
<A HREF="file:///F:/lorena/trabajo/HOBBIE3.html"

En cuestión de decorado, principalmente vemos el fondo, el cual se ha conseguido insertando:

<body background="http://www.guia-empresas.net/fondos/grandes/GE-fondo2.jpg">

debajo de <html>

Las palabras cambiadas de color, en el que el código se consigue buscando "gama de colores html" en google. Se consiguen poniendo:

<font color="#(CÓDIGO)">TEXTO AL QUE QUEREMOS CAMBIAR DE COLOR</font>

Y así, se forma la página index.

La página externa:


En esta página explico un poco sobre mi colegio.
Cada imagen lleva a la página oficial del colegio. Lo he conseguido poniendo primero el código de href que he puesto anteriormente en el index, y al lado, el código de imagen, el cual es:

<img src="(URL DE LA IMAGEN)"

Y para ajustar el tamaño:

 width='250' height='250'>

Y el proceso de decorado sigue los mismos pasos que la página index.

La página 1:



Esta página consta de todas las asignaturas que estudio y practico durante 4 de Eso.

Para que cada imagen me lleve a un blog determinado para la asignatura, sigo los mismos pasos que en la página externa, y el proceso de decorado es el mismo.


Hobbie:





Esta página habla sobre el hobbie que practico.

Tiene partes en las que hablo en general de la gimnasia rítmica, otra en la que hablo de mi experiencia, y otra sobre la gimnasta española más famosa.

Cuando hablo de Almudena Cid, hay una parte que sobresale en otro color, que nos lleva a su blog sobre este deporte. Esto lo he conseguido así:

<A HREF="http://almudenacid.com/blog/">(TEXTO SOBRE ALMUDENA CID)".</A> </br>

Y la imagen en general sobre la gimnasia rítmica, nos lleva a un blog sobre el deporte.

El proceso del decorado sigue los pasos de las demás páginas.


¿Qué problemas he tenido y que ha sido lo que más me ha gustado?

Los problemas que he tenido han sido insentar otras páginas en el index, pero lo he conseguido.
Lo que más me ha gustado ha sido poder crear una página, cosa que antes no era capaz de hacer, y crear vínculos que lleven a otras páginas.



Espero que os haya gustado mi trabajo, ya que he puesto mucho esfuerzo en él.

¡Hasta pronto!



No hay comentarios:

Publicar un comentario