Ejercicio13: Árbol de carpetas:A partir de un árbol de carpetas
Anuncio
Ejercicio13: Árbol de carpetas:A partir de un árbol de carpetas, enlazar con los archivos de cada carpeta. Ejercicio 14: Utilizando el archivo Robótica, hacer una web que enlace el índice con los títulos de los apartados. Ejercicio 15:Investiga el atributo target en Internet para ver las distintas formas de cargar un enlace. Pruébalos en las páginas de enlace. Ejercicio 16: Realiza una página que tenga un enlace a tu correo electrónicoy a la dirección ftp:// … Ejercicio 17: Crea el archivo 17 , en la carpeta doc3, y realiza un enlace al archivo material.ods , otro a robotica,odt y por último a pag02.html 2.4.Imágenes Para introducir una imagen en una página se utiliza la siguiente etiqueta: <Img src="nombre archivo.extensión"></img> Deberemos tener previamente la imagen guardada en la misma ubicación que el archivo html para poder visualizarla. Si no fuera posible, tendríamos que indicar la ubicación en la que se encuentra dicha imagen. Algunos atributos que se pueden introducir son: ALT="comentario"(aparecerá sobre la imagen el texto escrito en este atributo ,cuando dejemos el ratón sobre la misma unos segundos) HEIGTH="número" (la imagen cambiará de altura ,el número indica el número de píxeles) WIDTH= “número”(la imagen cambiará de nachura, el número indica el número de píxeles) Ejercicio 18: Abre el ejercicio mipag03.html, e introduce una etiqueta para que se visualice en la misma la imagen caraf.jpg que se encuentra en la carpeta texto e imágenes .Guárdalo como pag18.html Ejercicio 19:Modifica el archivo anterior de forma que aparezca un comentario sobre la imagen caraf.jpg y el tamaño de la imagen cambie de forma que se haga más pequeña ( prueba distintos números en el ancho y largo.Guárdalo con el nombre pag19.html Ejercicio 20:Modifica en el archivo anterior la etiqueta body de la forma que se indica a continuación .Con ello se conseguirá que el archivo de imagen sea fondo de pantalla .Utiliza el archivo backgnd.gif .Guárdalo como pag20.html: <body> cambia por <body background=”nombre_fichero_de_imagen.extensión” Ejercicio 21: Modifica en el archivo anterior la etiqueta body de la forma que se indica. Con ello se conseguirá un color en el fondo de pantalla.Guárdalo como pag12.html: <body> cambia por <body bgcolor=”nombre _del_color_en_inglés”> 2.5.Tablas Las etiquetas para poner una tabla son: <table> <tr> <td> elemento1</td> <td>elemento 2... </td> </tr> <tr> <td>elemento n </td> <td>elemnto n+1... </td></tr> </table> <tr>: Indica fila, por lo tanto se ponen tantas etiquetas <tr> como filas queramos que aparezcan en la tabla. <td>:Indica columna, por lo tanto, para una fila dada se ponen tantas etiquetas < como queramos que tenga una fila Borde de una tabla:Si se escriben las etiquetas como anteriormente los datos se ordenan en una tabla sin bordes visibles .Para que los bordes se vean por pantalla, hay que añadir a la etiqueta <table>, el atributo border, de la siguiente forma: <table border> Título de una tabla: Se intercala la etiqueta siguiente entre la etiqueta <table> y la primera fila(<tr>): <caption> título </caption> Celdas de cabecera : Para distinguir la primera fila de la tabla se utiliza una etiqueta que hace que lo que se escriba esté en negrilla y centrado automáticamente. Se sustituye en esta fila las celdas <td> por <th>. En el interior de cada celda de una tabla se puede introducir cualquier tipo de información: textos ,imágenes ,tablas etc...Además en muchas ocasiones se utilizan las tablas para realizar la estructura de una web. Ejercicio 22:Escribe la siguiente tabla. Guárdalo como pag22.html Dato11 Dato21 Dato31 Dato12 Dato22 Dato32 Ejercicio 23: Escribe la siguiente tabla. Guárdalo como pag23.html Año 2001 Texto Año 2002 Imagen caraf.jpg Año 2003 Enlace con mipag01.html 2.6.Marquesinas Una marquesina se define como un elemento móvil en la página, normalmente éste suele ser un texto. Hay marquesinas de dos tipos: alternadas, las cuales rebotan a ambos lados de la página y de desplazamiento que surgen por un extremo de la página y terminan en el otro: a) Marquesinas alternadas :Su etiqueta es: <marquee behavior= “alternate” direction=”right/left”>texto </marquee> El atributo direction , indica el lugar hacia donde se va a dirigir la marquesina y puede valer rigth (derecha ) ó left ( izquierda). b) Marquesinas de desplazamiento : su etiqueta es: <marquee direction=”right/left”>texto</marquee> Para ponerle color de fondo de una marquesina se añade a la etiqueta anterior el parámetro: Bgcolor=”nombre_del_color_en_inglés” Ejercicío 24:Introduce en el archivo pag08.html dos marquesinas de distinto tipo al inicio de la página, de forma que aparezca tu nombre y tu apellido ,con un color de fondo en la misma. Guárdalo como pag24.html.
