SlideShare una empresa de Scribd logo
1 de 3
Trabajo 3
1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio.
2 Abre el archivo inicio.htm, que debes tener en la carpeta ejercicios_html/animales.
Vamos a añadir un enlace a la página en Internet de aulaClic.
1 Escribe el siguiente código delante de la etiqueta </body>:
<p align="center">
<a href="http://www.aulaclic.com" target="_blank">
<b>
visitaaulaClic
</b>
</a>
</p>

Con este código estarás insertando un hiperenlace a www.aulaclic.com, que será abierto en
una nueva ventana (target="_blank"). En este caso hemos utilizado una referencia absoluta.
El enlace contendrá el texto visita aulaClic, que aparecerá en negrita (<b>), y centrado
(align="center"). Observa como hemos anidado las etiquetas, siempre se cierra la última
abierta.
2 Haz clic sobre el menú Archivo.
3 Haz clic sobre la opción Guardar.
4 Abre con tu navegador el documento inicio.htm que acabas de guardar, y comprueba que si
te posicionas sobre el texto visita aulaClic el puntero del ratón se convierte en una mano y si
haces clic (y estás conectado a Internet) se abrirá una nueva ventana con la página de aulaClic.
Vamos a cambiar ahora el color de los enlaces.
1 Si cerraste el archivo inicio.htm, abrelo para seguir con el ejericio:
2 Rectifica la etiqueta <body> para que quede así:
<body bgcolor="#99CC99" link="#CC0000" vlink="#CC0000" alink="#CC0000" >
Con este código estarás indicando que la página tiene el color de fondo verde (#99CC99), y el
color de los enlaces rojo (#CC0000).
3 Haz clic sobre el menú Archivo.
4 Haz clic sobre la opción Guardar.
1 Si cerraste el archivo inicio.htm, abrelo para seguir con el ejericio:
2 Rectifica la etiqueta <body> para que quede así:
<body bgcolor="#99CC99" link="#CC0000" vlink="#CC0000" alink="#CC0000" >
Con este código estarás indicando que la página tiene el color de fondo verde (#99CC99), y el
color de los enlaces rojo (#CC0000).
3 Haz clic sobre el menú Archivo.
4 Haz clic sobre la opción Guardar.

Más contenido relacionado

Destacado (10)

Trabajo 11
Trabajo 11Trabajo 11
Trabajo 11
 
Trabajo 5
Trabajo 5Trabajo 5
Trabajo 5
 
Trabajo 7
Trabajo 7Trabajo 7
Trabajo 7
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Nicolás esguerra
Nicolás esguerraNicolás esguerra
Nicolás esguerra
 
Trabajo 8
Trabajo 8Trabajo 8
Trabajo 8
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
 
Trabajo 4
Trabajo 4Trabajo 4
Trabajo 4
 
Trabajo 9
Trabajo 9Trabajo 9
Trabajo 9
 
Colegio nacional
Colegio nacionalColegio nacional
Colegio nacional
 

Similar a Trabajo 3 (20)

Ejercicio html primer año
Ejercicio html primer añoEjercicio html primer año
Ejercicio html primer año
 
Paso apaso de html
Paso apaso de htmlPaso apaso de html
Paso apaso de html
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Trabajo 2
Trabajo 2Trabajo 2
Trabajo 2
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Kevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlKevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 html
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Tarea sesion3 alvarez_bernal
Tarea sesion3 alvarez_bernalTarea sesion3 alvarez_bernal
Tarea sesion3 alvarez_bernal
 
tarea_sesion3MTA
tarea_sesion3MTAtarea_sesion3MTA
tarea_sesion3MTA
 
D
DD
D
 
Como programar en htmil 5
Como programar en htmil 5Como programar en htmil 5
Como programar en htmil 5
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Como hacer una pagina web en html
Como hacer una pagina web en htmlComo hacer una pagina web en html
Como hacer una pagina web en html
 
Practica mundo
Practica mundoPractica mundo
Practica mundo
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 

Más de davidvelascov

Más de davidvelascov (19)

Trabajo 1
Trabajo 1Trabajo 1
Trabajo 1
 
Doc2
Doc2Doc2
Doc2
 
Doc1
Doc1Doc1
Doc1
 
Doc1
Doc1Doc1
Doc1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Gay 1 copia
Gay 1   copiaGay 1   copia
Gay 1 copia
 
Gay 2 copia
Gay 2   copiaGay 2   copia
Gay 2 copia
 
trabajo de robot 3
trabajo de robot 3trabajo de robot 3
trabajo de robot 3
 
123
123123
123
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
2
22
2
 
3
33
3
 
Doc2
Doc2Doc2
Doc2
 
Colegio nicolas esguerra 1
Colegio nicolas esguerra 1Colegio nicolas esguerra 1
Colegio nicolas esguerra 1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Nicolás esguerra
Nicolás esguerraNicolás esguerra
Nicolás esguerra
 

Trabajo 3

  • 1. Trabajo 3 1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio. 2 Abre el archivo inicio.htm, que debes tener en la carpeta ejercicios_html/animales. Vamos a añadir un enlace a la página en Internet de aulaClic. 1 Escribe el siguiente código delante de la etiqueta </body>: <p align="center"> <a href="http://www.aulaclic.com" target="_blank"> <b> visitaaulaClic </b> </a> </p> Con este código estarás insertando un hiperenlace a www.aulaclic.com, que será abierto en una nueva ventana (target="_blank"). En este caso hemos utilizado una referencia absoluta. El enlace contendrá el texto visita aulaClic, que aparecerá en negrita (<b>), y centrado (align="center"). Observa como hemos anidado las etiquetas, siempre se cierra la última abierta. 2 Haz clic sobre el menú Archivo. 3 Haz clic sobre la opción Guardar. 4 Abre con tu navegador el documento inicio.htm que acabas de guardar, y comprueba que si te posicionas sobre el texto visita aulaClic el puntero del ratón se convierte en una mano y si haces clic (y estás conectado a Internet) se abrirá una nueva ventana con la página de aulaClic. Vamos a cambiar ahora el color de los enlaces. 1 Si cerraste el archivo inicio.htm, abrelo para seguir con el ejericio: 2 Rectifica la etiqueta <body> para que quede así: <body bgcolor="#99CC99" link="#CC0000" vlink="#CC0000" alink="#CC0000" > Con este código estarás indicando que la página tiene el color de fondo verde (#99CC99), y el color de los enlaces rojo (#CC0000). 3 Haz clic sobre el menú Archivo. 4 Haz clic sobre la opción Guardar.
  • 2.
  • 3. 1 Si cerraste el archivo inicio.htm, abrelo para seguir con el ejericio: 2 Rectifica la etiqueta <body> para que quede así: <body bgcolor="#99CC99" link="#CC0000" vlink="#CC0000" alink="#CC0000" > Con este código estarás indicando que la página tiene el color de fondo verde (#99CC99), y el color de los enlaces rojo (#CC0000). 3 Haz clic sobre el menú Archivo. 4 Haz clic sobre la opción Guardar.