Professional Documents
Culture Documents
HTML - Práctico Nº 6
Temas: Tablas.
Notas:
a) Transcriba los códigos a un archivo utilizando el Bloc de Notas, para luego poder visualizarlos.
<html>
<head>
<title>Ejemplo del los atributos de la etiqueta body</title>
</head>
<body bgcolor="red">
</body>
</html>
b) Defina un título destacado (tamaño de letra, color, itálica, etc.) para este trabajo.
c) Transcriba el siguiente texto “bgcolor="color": establece un color de fondo para la página, y en donde
"color" puede ser expresado mediante el nombre web inglés estándar o mediante el código hexadecimal
del color.
d) El texto bgcolor="color": deberá ir en un color diferente al resto del texto y acorde con el color de
fondo de la página.
f) Actualice y visualícelo.
g) Transcriba el siguiente texto: background="ruta_imagen": define una imagen de fondo para la página
web, y en donde "ruta_imagen" es la ruta en la que se encuentra la imagen de fondo, pudiendo estar
referida a la estructura relativa local de carpetas o ser la URL global del fichero de imagen respecto a
nuestro servidor web. Un factor a destacar es que si la imagen es de un tamaño inferior al de la
resolución de pantalla usada, se repetirá horizontal y verticalmente hasta rellenar la totalidad de la
pantalla.
a) Identifique las etiquetas que permiten insertar tabla, filas y columnas o celdas
b) Para cada caso dibuje en papel cual sería la forma de cada una de estas tablas.
TABLA 1 TABLA 2
<table border> <table border>
<tr><th>Horario</th> <tr>
<th>Lunes</th> <th>Apellido</th>
<th>Martes</th> <th>Nombre</th>
<th>Miércoles</th> </tr>
</tr>
<tr><td>Materia</td> <tr>
<tr><td>Matemáticas</td> <td>García</td>
<td>Física</td> <td>Fernanda</td>
<td>Biología</td> </tr>
</tr>
</table> </table>
3- Transcriba los códigos del ejercicio anterior en una archivo prueba_tablas.html, visualícelo.
a) ¿Es lo que esperaba? Compárelo con los dibujos que hizo en el ejercicio anterior.
a) Cree el archivo tablas_atributos.html, el mismo debe contener una tabla con dos columnas: Atributo y
Descripción.
b) Complete la tabla con la información que investigó.
5- Transcriba el siguiente código en el archivo prueba_tablas.html, visualícelo.
<br>
<br>
<TABLE WIDTH="200" HEIGHT="750" BORDER="1" BACKGROUND="fondo5.jpg">
<TR>
<TD>UNO</TD>
<TD>DOS</TD>
</TR>
</TABLE>
a) Modifique los atributos correspondientes de manera tal que resulte un tamaño de tabla acorde con la página
6- Modifique las tablas del archivo prueba_tablas.html utilizando los diferentes atributos.
Internet – Servicios -
Navegadores Buscadores
Internet Explorer www.yahoo.com.ar
FireFox www.altavista.com
Mozilla Fire fox www.google.com.ar
Enlaces de interés
12- Genere los códigos que crea necesario para poder visualizar las siguientes páginas.
a) Para la página “todo historia”, los archivos necesarios se encuentran en la carpeta todo historia.
b) Para la página “ahora mama”, los archivos necesarios se encuentran en la carpeta ahora mama.
c) Para la página “el monitor de la educación”, los archivos necesarios se encuentran en la carpeta el monitor.