Las coloridas páginas web que vi hoy se deben a los efectos de las imágenes. Piénselo, las páginas web en Internet son de texto sin formato, lo cual es muy aburrido, y sabrá la importancia de las imágenes en el diseño web. Las imágenes se pueden insertar en páginas HTML. Los formatos de imagen de uso común para las páginas web son JPEG y GIF:
JPEG (Grupo de Expertos de Fotografía Conjunta) es un formato de archivo diseñado específicamente para imágenes fotográficas. JPEG admite millones de colores. JPEG es un formato de calidad con pérdida de calidad, lo que significa que algunos datos de imagen se pierden durante la compresión, lo que reduce la calidad del archivo final. Sin embargo, los datos de la imagen se descartan muy poco y no habrá diferencias muy significativas en la calidad.
Formato de intercambio gráfico GIF es un formato muy popular en las imágenes web. Si bien incluye solo 256 colores, el GIF proporciona excelente, casi sin pérdida de compresión de imagen. Y los GIF pueden contener áreas transparentes y múltiples animaciones. Se comprime escaneando las filas de píxeles horizontalmente para encontrar un área de color fija, y luego reduce el número de píxeles en la misma área. Por lo tanto, los GIF suelen ser adecuados para dibujos animados, gráficos, logotipos, gráficos con áreas transparentes, animaciones, etc.
Insertar imágenes en la página puede embellecerla. Solo hay una etiqueta para insertar la imagen, que es la etiqueta <img>. Al insertar una imagen, no es suficiente usar la etiqueta <MG>, y debe completarse con otros atributos, como se muestra en la siguiente tabla.
Al especificar la ruta del archivo de origen de la imagen con el atributo SRC, se puede completar la inserción de la imagen.
Especifique la ruta a través del atributo SRC, file_name es la ruta para insertar la imagen.
Inserte la imagen a través del atributo SRC marcado con <IMG>.
01 <!----------------------------------------------------------------------------------------------------------------------
02 <!-Ejemplo de archivo: 9-1.htm->
03 <!-Descripción del archivo: Insertar imagen->
04 <!----------------------------------------------------------------------------------------------------------------------
05 <Html>
06 <BEAD>
07 <title> Insertar imagen </title>
08 </thead>
09 <Body>
10 <H1> Software de diseño web convencional </h1>
11 <img src = 9-1.jpg>
12 En la actualidad, la tecnología de la página web ha entrado en una nueva etapa. Ahora las páginas web ya no se amontonan imágenes y texto aburrido. La gente ahora persigue los efectos dinámicos y la interactividad de las páginas web. El diseño web de Macromedia, tres software de mosquetero, DreamWeaver, Flash y Fireworks, son representantes sobresalientes del diseño web interactivo. Su última versión, MX 2004, hereda las ventajas de la versión anterior e integra aún más las funciones, que es muy adecuada para las necesidades del diseño web y la construcción del sitio web. <p>
13 </body>
14 </html>
La línea 11 inserta el archivo de imagen en formato JPEG.