Buenos días estudiantes de quinto, es importante registrar esta información resumida, pero bien detallada de lo visto en HTML en el cuaderno, con el fin de estar más preparados para la evaluación. Todo este contenido lo pueden encontrar en el sitio web http://www.aulaclic.es/html/index.htm
Estructura
El color de fondo puede establecerse a través del atributo
bgcolor, al que es posible asignarle un color representado en hexadecimal o por
un nombre predefinido.
Por ejemplo, para hacer que el color de fondo de una página
sea de color azul, tendremos que escribir:
...
<body bgcolor="#0000FF">
...
</body>
</html>
Sería equivalente a poner:
...
<body bgcolor="blue">
...
</body>
</html>
La imagen de fondo puede establecerse a través del atributo
background, por ejemplo, para hacer que la imagen de fondo de una página
sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se
encuentra guardada la página, tendremos que escribir:
...
<body background="fondo.gif">
...
</body>
</html>
A través de la etiqueta <body> también es posible
establecer el color del texto de la página a través del atributo text.
Por ejemplo, para hacer que el color del texto de una página
sea de color rojo, tendremos que escribir:
<body text="#FF0000">
...
</body>
</html>
Saltos de Línea
Si pulsamos INTRO en un documento HTML, el salto de línea se
producirá en el código, pero no se mostrará en el navegador. Para que se
produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO
hay que insertar la etiqueta <br> donde se desee que se produzca el
salto.
La etiqueta <br> no precisa ninguna etiqueta de
cierre. No hay que insertar la etiqueta </br> después de ella, ya que
dicha etiqueta no existe.
Imágenes
Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.
El nombre de la imagen ha de especificarse a través del atributo src.
<img src="logo_animales.gif">
El atributo border puede tomar valores numéricos, que indican el grosor en píxeles del borde.
<img src="logo_animales.gif" border="4" >
Cuando insertamos una imagen, esta se muestra en los navegadores con su tamaño original, pero por diversos motivos puede interesarnos modificar dicho tamaño. A través de los atributos width (anchura) y height (altura) puede modificarse el tamaño de la imagen. Dicho cambio de tamaño no se aplica directamente sobre el archivo de imagen, sino que lo que varía es la visualización de la imagen en el navegador.
<img src="imagenes/logo_animales.gif" width="200" height="80">