Ir al contenido principal

Tarea 5 - HTML

 En esta tarea vamos a centrarnos sobre todo en el código HTML.

A continuación mostraré unas capturas donde se mostrarán unos ejemplos de etiquetas del lenguaje HTML:

En esta captura se pueden observar tres etiquetas subrayadas: <head>, subrayada en rojo, y <title> y </title> subrayadas en verde.

 

En esta captura se puede ver la etiqueta <body>.

 

 

En esta captura aparece la etiqueta de cierre </body>.

 

En esta última captura vemos la etiqueta de cierre </head>.

 

El código HTML es de la siguiente web: https://shootersbuckets.blogspot.com/

 

Lo siguiente será cambiar el propio código HTML de una página; la página de la cual se va a cambiar el HTML es: https://www.mundodeportivo.com/

La imagen original es la siguiente:

Utilizando la herramienta X-Ray Goggles podemos cambiar el código HTML de la página para cambiar el texto:


El resultado final, con el código HTML cambiado y por consiguiente, el texto, es el siguiente:



La última actividad consistirá en crear nuestro propio código HTML para hacer una página web muy sencilla; a continuación mostraré el código HTML de la página:


En este código se ha introducido un título, una imagen, un enlace y una tabla; la tabla no se puede ver completa en esta imagen así que la siguiente captura será la continuación de la tabla.


Finalmente, solo queda mostrar la sencilla página web que se ha creado a partir de este código: 


Marcado con una flecha amarilla vemos el título de la página; con una flecha verde vemos la palabra "página" que contiene un enlace; y con una flecha azul vemos una foto insertada en la página.


La anterior captura muestra la tabla de la página web, que tiene tres filas y quince columnas.

Os dejo el enlace a la página que utilicé para llevar a cabo esta última actividad: http://www.cubicfactory.com/jseditor/




Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

Tarea 1 - Presentación del blog

Soy Juan de la Fuente y actualmente curso 1º de bachiller en el IES Sofía Casanova. Mis conocimientos de informática no son demasiado abundantes, sin embargo, puedo desenvolverme en distintos temas tales como la historia de Internet, algo sobre HTML, redes, seguridad en Internet y una pequeña introducción en otros apartados como retoque fotográfico. Anteriormente, cursé esta asignatura (TIC) en 4.º de la ESO; y también cursé una introducción a la programación en 1.º de la ESO utilizando dos programas sobre todo: CODE y Scratch A continuación hay unas imágenes de ejemplos de actividades que se pueden realizar estos dos programas: CODE : By Scratch Team - https://scratch.mit.edu, CC BY-SA 2.0, https://commons.wikimedia.org/w/index.php?curid=77692074 Scratch: By Scratch Team - https://scratch.mit.edu, CC BY-SA 2.0, https://commons.wikimedia.org/w/index.php?curid=77692074 Este año decidí cursar TIC I porque tuve una muy buena experiencia el año pasado ya que aprendí bastantes conceptos so...
5 comentarios
Leer más

Tarea 14 - Formas básicas con Tinkercad

 En esta entrada, os traigo unas figuras hechas en el programa "Tinkercad". Son unos diseños en 3D. Primera figura: se trataba de hacer un dado con los números grabados en cada cara. Teníamos que seleccionar la figura del dado en el programa; cambiar el plano de trabajo que de manera predeterminada se sitúa en un lado del dado, y tendríamos que cambiarlo para poner los números en cada cara; y por último, seleccionar los números y situarlos en cada cara, pero las figuras tienen la opción de ser sólidas o huecas, o sea, que sea una figura en sí, o que cree un hueco en otra figura (que es lo que significa que sea hueca), e introducirlo dentro del dado. El resultado es el siguiente:   Segunda figura: a partir de figuras simples como prisma y cilindros realizamos una figura de la llave inglesa y cambiando la configuración de algunas figuras a "hueco", creamos los agujeros que tiene una llave inglesa. Después, otra vez seleccionando figuras huecas, escribíamos nuestro nom...
Publicar un comentario
Leer más

Tarea 12 - Iconos y dibujos en Inkscape

Os traigo unas tres nuevas actividades realizadas con Inkscape. La primera se basa en hacer un logo a partir de una estrella a la que redondeamos las puntas y le aplicamos un degradado. A continuación, añadimos una capa "brillo" y en al que dibujaremos una elipse con el 30% de opacidad y añadimos por último otra capa, en la que copiaremos la estrella sobre sí misma pero sin trazo. En el menú "camino" utilizamos la herramienta "intersección" con la que lograremos  que el brillo sea la intersección entre la segunda estrella y la elipse.   Para la segunda actividad, creamos un triángulo rojo al que le aplicamos un degradado, luego copiamos el triángulo y lo ponemos en otra capa, pintándolo de amarillo. Después en una nueva capa llamada "efecto brillo" ponemos un rectángulo que vamos a deformar con la herramienta "Retocar objetos esculpiéndolos o pintándolos" y lo pintamos de blanco con una opacidad del 30%; y usando la herramienta "in...
Publicar un comentario
Leer más