El documento explica cómo insertar imágenes en una página web utilizando la etiqueta <img> y sus atributos src, border, width y height. Explica que src especifica la ruta de la imagen, border establece el grosor del borde, y width y height permiten modificar el tamaño de la imagen mostrada en el navegador sin cambiar el archivo original. Además, incluye un ejemplo de código HTML que usa estas etiquetas e imágenes para diseñar una página web sobre una empresa de transporte.
Imágenes en páginas web: atributos src, border, width, height
1. Colegio nacional nicolas esguerra
Jonathan cely 903
Kevin Castañeda
Pagina web IV
Imagen <img>
Todas las páginas web acostumbran a tener un cierto número de
imágenes,que permiten mejorar su apariencia, o dotarla de una mayor
información visual.Para insertar una imagen es necesario insertar la
etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.
Primero el nombre de la imagen
formula: <img src="imagenes/logo_animales.gif">
2. Borde de una imagen
En general, al visualizar una página en un navegador las imágenes
aparecen sin ningún borde alrededor, pero es posible estableceruno a
través del atributo border.Elatributo borderpuede tomar valores
numéricos, que indican el grosoren píxeles del borde.
Formula: <img src="imagenes/logo_animales.gif" border="4" >
Tamaño de una imagen
Cuando insertamos una imagen, esta se muestra en los navegadores
con su tamaño original, pero por diversos motivos puede interesarnos
modificardicho tamaño.
A través de los atributos width (anchura) y height (altura) puede
modificarse eltamañ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.
El valor que puedentomar los atributos width y height ha de ser un
número, acompañado de % cuando se desee que sea en porcentaje
con respecto a la página.
Formula: " width="200" height="80">
Formula : <html>
<head>
<title>TRANSPORTES ECHEVEL</title>
3. </head>
<!--ESTA PAGINA WEB ES ELABORADA POR: JONATHAN CELY Y KEVIN
CASTAÑEDA 903//-->.
<body bgcolor="#FF0000">
<HR>
<marquee><h2>Bienvenidos a Nuestra Empresa En Cargada De Transportes'
</h2>
</marquee>
<hr>
<b>TRANSPORTES ECHEVEL</font>
<hr>
<font color="#000000" size="5">
<img src="imagenes/scania.jpg"border="4"width="260" height="150">
<img src="imagenes/kenwort w9000.jpg"border="4"width="260" height="150">
<img src="imagenes/volvo.jpg"border="4"width="260" height="150">
<hr>
</blockquote>
Nuestra Empresa brinda servicios:<br>
llevar cargamento a otras ciudades o municipios del pais
<hr align="left" width="80%" size="9" noshade>
<pre> copyrigth 2015@
colegio nacional nicolas esguerra 2015
calle 7 No.97 - 55 Bogota Colombia
tutranquilo@gmail.com
<hr>
<pre>