Hogar › Servicios › Inserción HTML de una imagen. Cómo utilizar los atributos alt y title. Cambiar el tamaño de las imágenes en HTML

Inserción HTML de una imagen. Cómo utilizar los atributos alt y title. Cambiar el tamaño de las imágenes en HTML

Cómo insertar una imagen en una página html

Para insertar una imagen (foto o cualquier gráfico) en el sitio, debe especificar la ruta a la fuente (al archivo de imagen) usando la etiqueta img. La etiqueta img es una abreviatura de imagen en inglés (imagen, imagen). Fuente - en fuente inglesa, abreviada. src
Importante: peso y tamaño imágenes (pequeñas), Nombre del archivo(sin espacios y solo letras y números latinos), formato de imagen(extensiones: GIF, JPG, JPEG, PNG. Es posible utilizar imágenes animadas (GIF).
La ruta a la imagen se indica absoluta o relativa, dependiendo de dónde se encuentre la imagen en su sitio o en Internet en recursos de terceros (luego debe especificar la URL)

Niebla. Artista Vladimir Knyagnitsky

Código. El código contiene una dirección relativa (relativa a la carpeta en mi servidor)

Código. El código contiene la dirección absoluta de la imagen.

Tamaño de imagen y grosor del marco.

El tamaño real de esta imagen: Ancho (ancho) = "499" Alto (alto) = "434". Sin recurrir a Photoshop, puedes hacer que la imagen en la pantalla parezca más grande o más pequeña que su tamaño real. Para ello se utilizan atributos ancho Y altura. Por ejemplo, para que la imagen parezca 2 veces más pequeña, especifique el ancho (width)="250" y el alto (height)="217" . Y agregue un marco de 4 píxeles de espesor ( borde="4"). A la izquierda hay una imagen con marco, a la derecha, a modo de comparación, sin marco.

Atributos de la etiqueta IMG

src-Atributo requerido que indica la URL de la imagen (su dirección, ubicación)
IMG SCR= "img/kartinka.gif"

alinear- Alinea la imagen a un lado del documento.
align="left" - Alineación izquierda
align="right" Alineación derecha
align="bottom" Alineación inferior
align="top" Alineación superior
align="middle" Alineación media

alternativo- Muestra texto en la imagen. Alternativa a los gráficos si no cargan
borde- Establece el grosor del marco alrededor de la imagen en píxeles. De forma predeterminada, no se utiliza ningún marco.

ancho ancho de la imagen en píxeles o porcentaje
altura- altura de la imagen en píxeles o porcentaje

hespacio sangría horizontal
vespacio espacio vertical

Ejemplos de alineación de imágenes con texto usando HTML

La imagen se coloca antes del texto sin indicar ningún atributo. Sin formato de texto. El resultado es lo que ves. La imagen se ubica a la izquierda del texto usando el atributo align con el valor izquierdo. alinear="izquierda" .
Esto, por supuesto, es mucho mejor que la opción anterior para organizar una imagen con texto. Pero no creo que a nadie le guste que la imagen se acerque al texto. La imagen muestra una mariposa, mariposa, mariposa. Y texto, texto, texto sobre una mariposa, mariposa, mariposa. Demasiado cerca de la imagen. La imagen no debe fusionarse con el texto, incluso si el texto está escrito simplemente como texto, para demostrar claramente el texto que fluye alrededor de la imagen. Es muy importante que la imagen en pantalla no se fusione con el texto, para que no irrite, sea agradable a la vista y esté en su lugar. Una cantidad suficiente de texto deconstruirá claramente el ejemplo.
Existen reglas de diseño en la publicación de libros y debería haber reglas de diseño para la creación de sitios web. La imagen se encuentra a la izquierda del texto sobre el uso del atributo.alinee con el valor IZQUIERDA, sangría del texto: 20 píxeles horizontalmente.
align="left" hspace=20 Las sangrías se agregan usando atributos ESPACIO H(sangría horizontal) y ESPACIO V(sangría vertical). En este caso, el relleno vertical es cero para que la parte superior de la imagen quede al mismo nivel que la línea superior de texto. Si la sangría es cero, no se indica. Bueno, el desplazamiento vertical se indica en el atributo. Y aunque actualmente se insta a los webmasters a abandonar los atributos HTML y cambiar por completo a CSS, me parece que la simplicidad de este método le da derecho a existir.
CÓDIGO La imagen se encuentra a la derecha del texto. sobre el uso de un atributo alinear sobre el valorBIEN, sangrías agregadas usando atributos ESPACIO H(sangría horizontal). Y ESPACIO V(sangría vertical). En principio todo es igual que en la versión anterior, solo que en cambio izquierda, indicado bien y la imagen no se inserta antes del texto, sino aproximadamente en el medio. Formato con atributos alinear(alineación lineal) y el uso de sangrías horizontales y verticales dan un resultado completamente normal. La imagen está rodeada de texto a la izquierda, arriba y abajo (si hay mucho texto). La sangría del texto de la imagen de la izquierda, arriba y abajo es de 20 píxeles. Todo es como indicamos en el código.
Se utilizan con mayor frecuencia dos tipos de alineación (izquierda y derecha), y el resto... Casi todos los demás se consideran obsoletos. En los sitios web modernos, todas las imágenes (y de hecho todo el diseño) están formateadas utilizando hojas de estilos en cascada (CSS).

Texto, texto, texto continuación del texto.

La imagen se posiciona usando el atributo align. con significado medio. Se agregó sangría usando atributos. ESPACIO H(sangría horizontal) y ESPACIO V. Se ve así, el código está escrito a continuación. Aquí es donde terminamos con los atributos de posicionamiento de la imagen.

Cómo utilizar los atributos alt y title.

Los atributos alt y title contienen el título de la imagen. ALT es una alternativa a una imagen si por alguna razón no se carga. El título es la inscripción del título en la imagen. Aparece cuando pasas el mouse sobre la imagen.
Si está creando un sitio web solo para usted, no es necesario que utilice estos atributos. Si el sitio está destinado a personas, estos atributos deben completarse con una descripción clara y precisa de la imagen.
En primer lugar, es conveniente para los visitantes y, en segundo lugar, es necesario para los motores de búsqueda. Es el texto dentro de la etiqueta IMG el que permite a los robots de búsqueda indexar imágenes, ordenarlas por palabras clave y devolverlas según las solicitudes de los usuarios. Por cierto, Yandex incluso advierte que si una imagen no tiene una descripción significativa, no se incluirá en la búsqueda. Sólo se indexan imágenes en formatos gráficos estándar (JPEG, GIF y PNG). Las imágenes de fondo y las fotografías abiertas mediante un script no están indexadas.

CÓDIGO de una imagen con alt y título completados

Cómo hacer de una imagen un enlace

Cualquier enlace se realiza utilizando la etiqueta A y el atributo href (si es un hipervínculo) o nombre if (un enlace a un párrafo o elemento ubicado en la misma página).
Etiqueta de inicio Fuente de la imagen etiqueta de cierre

26.06.2015

¡Hola a todos!
Seguimos estudiando diligentemente los conceptos básicos de HTML.
En esta lección te diré, cómo insertar una imagen en HTML-documento, cómo hacer una imagen como fondo, tamaño de imagen, texto que rodea una imagen, cómo alinear una imagen. Reforzaré todas las posibilidades enumeradas con ejemplos y resultados.
Por lo tanto, las imágenes de las páginas web pueden ser de fondo o normales. ¿Cuál es la diferencia entre una imagen de fondo y una imagen normal?

Imagen de fondo colocado como fondo encima del cual puede insertar otras imágenes, texto, tablas, etc.

imagen normal alejará otros elementos de la página (otras imágenes, texto, tablas, etc.). Usando el ejemplo, verás y entenderás todo.
Para páginas web, se recomienda utilizar formatos de imagen JPEG (JPG), GIF y PNG.

○ Cómo hacer una imagen como fondo enHTML

Para convertir una imagen en el fondo de una etiqueta debe especificar el atributo "fondo":

Ahora veamos el ejemplo completo. Inserte el archivo de imagen “fon.jpg” al lado del archivo HTML.

e inserte este código en el archivo HTML:

Jpg">

El resultado será así:

Atención

Nombre equivocado:

Nombre correcto:

○ Cómo insertar una imagen enHTML

Para insertar una imagen en un documento HTML, use la etiqueta con el parámetro “src”, que especifica la ruta o dirección a la imagen.

Ahora veamos el ejemplo completo. Inserta el archivo de imagen “kartinka.jpg” al lado del archivo HTML y escribe este código en el archivo HTML:

Mi primera página HTML para el sitio. Hola, esta es mi primera página en el sitio.

El resultado será así:

Atención: El nombre de la imagen debe estar escrito en latín; de lo contrario, la imagen no se mostrará.

Nombre equivocado:

Nombre correcto:

Creo que has entendido todo hasta este punto. Ahora intentemos combinar los dos ejemplos. Creemos un fondo para la página web, insertemos una imagen y un texto.

Jpg">

○ Cómo insertar una imagen si está en la carpeta "imagen" o "imágenes"?

Si la imagen está en la carpeta "img" o "imágenes", entonces debe especificar la ruta desde el archivo HTML a la carpeta "img" o "imágenes" y luego simplemente ingrese el nombre de la imagen con la extensión. Se verá así:

Si la imagen está en otro sitio o blog, debe indicar la dirección del sitio y, si es necesario, la carpeta donde se encuentra la imagen. Bueno, por supuesto, debes indicar el nombre de la imagen con su extensión.

Publicación anterior
Próxima entrada

Para inserción imágenes en HTML Los dos formatos principales utilizados son GIF y JPEG. El formato GIF puede almacenar animaciones simples (banners dinámicos), JPEG es ideal para imágenes con muchos colores, como fotografías. El tercer formato para gráficos web es PNG, pero no se utiliza mucho en el diseño web. Cualquier imagen en formato GIF o JPEG se inserta en una página web mediante la etiqueta no hay etiqueta de cierre;

atributo SRC

A través de atributo src se especifica la dirección (URL) del archivo de imagen, es decir el navegador encuentra la imagen deseada en el directorio del sitio utilizando la ruta (URL) especificada en este atributo. Para mayor comodidad, todas las imágenes del sitio se encuentran en una carpeta separada, generalmente llamada imagen. Por ejemplo, tome cualquier imagen, preferiblemente de formato pequeño, y guárdela en la carpeta creada imagen, con el nombre imprimación.jpg. A continuación nos referiremos a él para la formación.

Bueno, intentemos insertar una imagen en la página. Escribimos el código (ruta - URL, escrita según la ubicación de la carpeta con imágenes):

src="imagen/primer.jpg" >

Sin qué no puedes crear un sitio web: ∼ ∼

Esto hace posible mostrar el contenido de otra página dentro de una página. Por ejemplo:

La mayoría de las imágenes que una persona ve en los sitios web también son contenido de otra página. Aquí, en particular, está la dirección del emoticón en formato .gif:

A continuación se muestran formas de agregar una imagen a un sitio, que se puede resaltar si observa el código de la página:

HTML: etiqueta
http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif" alt="sonriente" height="30" width="30"> !}
CSS: propiedades y

CSS: pseudoelementos y

HTML: etiqueta de gráficos vectoriales

CSS: sin URL

Cómo averiguar la dirección de una imagen y copiarla

Hay varias formas de copiar la dirección de la imagen:

Coloque el cursor sobre la foto, haga clic con el botón derecho del mouse, en el menú contextual que aparece se le pedirá que copie la URL, haga clic en el elemento requerido.
Fig.1 Si señala la foto y hace clic con el botón derecho del mouse, se abrirá un menú contextual con los siguientes elementos en Mozilla Firefox
Coloque el cursor sobre la foto, haga clic con el botón derecho del mouse, en el menú contextual que aparece se le pedirá que estudie las características de la foto, haga clic en el elemento requerido (en la Fig. 1, consulte el elemento "Información de la imagen"). ; en Internet Explorer, consulte el elemento "Propiedades"), en la ventana que se abre, seleccione la dirección de la imagen,
- Haga clic derecho en el mouse y haga clic en "Copiar" en el menú contextual que aparece.
Fig.2 Si señala una foto en Mozilla Firefox, haga clic derecho en el mouse, seleccione "Información de la imagen" en el menú contextual que aparece, luego se abrirá una ventana donde podrá ver una lista de las imágenes utilizadas en la página. su dirección, texto alternativo (contenido en el atributo alt), tamaño real y escala utilizada
Coloque el cursor sobre la foto, haga clic con el botón derecho del mouse, en el menú contextual que aparece se le pedirá que vaya a la página de la imagen, haga clic en el elemento requerido (en la Fig. 1, vea el elemento "Abrir imagen") . Se abrirá una página que contiene solo una imagen. Altura completa si previamente se redujo usando o usando CSS. Seleccione la dirección de la página que se abre en la barra de direcciones del navegador,
- Presione el atajo de teclado Ctrl + C.
Fig.3 Así es como se ve la página de emoticones.
Su URL: http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif
En dispositivos táctiles (teléfono inteligente, tableta), mantenga el dedo sobre la foto durante mucho tiempo sin moverse, en el menú contextual que aparece se le pedirá que vaya a la página de la imagen y haga clic en el elemento requerido (puede llamarse); “Ver imagen”). Se abrirá una página que contiene solo una imagen. En altura completa si previamente se redujo de tamaño usando o usando CSS. Luego mantenga presionada la dirección en la barra de direcciones del navegador. Después de que aparezcan los controles deslizantes y se seleccione la URL completa (si es necesario, los controles deslizantes se pueden mover a la distancia requerida), haga clic en el botón "Copiar" en el panel que aparece.
Coloque el cursor sobre la foto, haga clic con el botón derecho del mouse, en el menú contextual que aparece se le pedirá que vaya a la página de la imagen de fondo, haga clic en el elemento requerido. Se abrirá una página que contiene solo una imagen. Altura completa si previamente se redujo usando CSS. Seleccione la dirección de la página que se abre en la barra de direcciones del navegador (ver Fig. 3),
- Haga clic en el botón derecho del mouse y seleccione "Copiar" en el menú contextual que aparece.
- Presione el atajo de teclado Ctrl + C.

Cómo guardar una imagen

Coloque el cursor sobre la foto, haga clic con el botón derecho del mouse, en el menú contextual que aparece se le pedirá que guarde la imagen, haga clic en el elemento requerido (en la Fig. 1, consulte el elemento "Guardar imagen como... ”), en la ventana que se abre, seleccione una carpeta en su computadora, donde se guardará el dibujo.

Si la foto es una imagen de fondo, primero debe ir a la página de la imagen (ver Fig. 3).

Cómo agregar una imagen a una página web

Primero, la imagen debe cargarse desde su computadora al alojamiento del sitio, a una red social (VKontakte, Google+ etc.), Yandex.Disk o Google.Disk, para que la imagen tenga su propia dirección en Internet.

Si hay un editor visual, la secuencia de acciones suele ser la siguiente:

coloque el cursor del mouse en el lugar donde debería aparecer la foto,
haga clic en el icono similar a o a,
seleccione un archivo de su computadora,
Si es posible, complete el texto alternativo (también conocido como descripción de la imagen).

Resultado: la imagen se insertará en la página del sitio y, lo más importante, se cargará en el servidor del proyecto web. Ahora tendrá su propia dirección en Internet. Y ahora puede editar el código proporcionado por el editor visual en la pestaña "HTML", ya que el editor visual a menudo agrega etiquetas innecesarias y las capacidades de HTML y CSS son incomparablemente mayores.

Si ya existe una URL, pero de otro sitio poco conocido, entonces es mejor guardar dicha foto en su computadora y luego cargarla en el servidor del sitio, si esta acción está permitida por el propietario de la foto, por lo que para no violar los derechos de autor, ya que

Algunos sitios pueden prohibir el uso de direcciones de imágenes en otros recursos (lea más sobre la prohibición de enlaces directos).
Los sitios duran poco y después de un tiempo, cuando se elimina el proyecto web, la imagen de su sitio también desaparecerá, dejando en su lugar, en el mejor de los casos, solo texto alternativo.

Si no hay un editor visual, la secuencia de acciones suele ser la siguiente:

crear una carpeta de imágenes,
cree un archivo .htaccess en la carpeta de imágenes, cuyo contenido será # cerrar acceso a http://site.ru/image/ Opciones -Índices # Cerrar acceso a http://site.ru/image/.htaccess orden permitir, negar negar de todos
cargue una imagen en la carpeta de imágenes, que se llama, digamos, Plain.gif (en el futuro, todas las imágenes también se cargarán en esta carpeta),
en una página HTML utilice una URL como http://site.ru/image/plain.gif, por ejemplo, http://site.ru/image/plain.gif" alt="sonriente" height="30" width="30">!}

Mientras navega por Internet, por supuesto verá varias imágenes, pancartas, fotografías e imágenes gráficas en muchos sitios. Hoy aprenderemos cómo insertar imágenes en una página HTML.

Agregar una imagen se realiza en dos etapas: primero, se prepara un archivo gráfico del tamaño y formato requeridos, y luego se agrega a la página web mediante la etiqueta: . El documento HTML en sí está destinado únicamente a mostrar la imagen requerida, mientras que sin cambiarlo en absoluto.

Hay algunas cosas a considerar al preparar sus imágenes.

1. Dado que la página web se carga a través de la red, un factor importante es tamaño ("peso") del archivo gráfico, incrustado en un documento web. Cuanto más pequeño sea, más rápido se mostrará la imagen.

2. Muy a menudo, las dimensiones físicas de una imagen (ancho y alto) deben limitarse (reducirse) por el ancho y el alto. Por ejemplo, establezca el ancho en no más de 700-800 píxeles. De lo contrario, la imagen completa no cabrá en la ventana del navegador y aparecerán barras de desplazamiento.

Formatos gráficos para sitios web.

Los dos formatos principales más utilizados para gráficos web son: GIF Y JPEG. Cualidades como la multifuncionalidad, la versatilidad y un pequeño volumen de archivos fuente con una calidad suficientemente buena han servido bien a estos formatos y, de hecho, los han definido como el estándar para las imágenes web.

También hay un formato: PNG, que también es compatible con los navegadores al agregar imágenes y viene en dos versiones: PNG-8 Y PNG-24. Sin embargo, la popularidad del formato PNG es muy inferior en reconocimiento a los formatos GIF y JPEG..

Por lo general, se crea una carpeta separada para imágenes (imágenes) en el directorio raíz y en ella se colocan todas las imágenes del sitio. A veces hay varias carpetas de este tipo (si la estructura del sitio lo requiere o si le resulta más fácil navegar). Esta carpeta se suele llamar: imagen o imágenes (imágenes). En el código de la página web, escriba la ruta completa al archivo gráfico (donde se encuentra la imagen), así como el nombre de este archivo (imagen) que desea insertar en el documento html.

Escribimos código para insertar una imagen en una página web.

Para insertar imágenes en un documento HTML, utilice la construcción especificada en Listado 8.1. Este código se inserta en el lugar deseado de la página web (donde desea ver la imagen).

En nuestra página web dedicada a los automóviles, preparé e inserté dos imágenes. Puede ver el código de inserción de la primera imagen en el Listado 8.1.

Listado 8.1.

Así se verá la primera imagen insertada en la página web del sitio:

Y ahora comentaré con más detalle lo que está escrito en Listado 8.1.

La imagen en sí se "inserta" usando la etiqueta: img src. La entrada completa se ve así: img src="img/mers1.jpg", Dónde "img/mers1.jpg"– indica que nuestra imagen está en la carpeta: imagen y el nombre del archivo gráfico (imagen): mers1.jpg.

En principio esto ya es suficiente para insertar una imagen en una página web, el resto de parámetros son opcionales, pero aun así te recomiendo que siempre los registres, De lo contrario, la imagen puede estar sujeta a distorsiones geométricas..

Veamos las opciones adicionales:

borde="0"– indica que no hay ningún marco alrededor de la imagen, intente cambiar 0 por otro número, por ejemplo a 1 , - corresponde al grosor del marco alrededor de la imagen en 1 píxel, 2 – corresponde al grosor del marco alrededor de la imagen de dos píxeles, etc.

¡Importante! Si planeas convertir una imagen en un enlace, asegúrate de indicar el valor: borde="0".

ancho="400"– indica que el ancho de la imagen es: 400 píxeles(ponga un número real para el ancho de sus imágenes).

altura="209"- indica que la altura de la imagen es: 209 píxeles(pon un número real para la altura de tus imágenes).

Si no especifica parámetros: ancho Y altura, entonces la imagen puede sufrir distorsiones geométricas.

hespacio="20"– indica una sangría de texto de 20 píxeles alrededor de la imagen.

alinear="izquierda"– esta es una etiqueta que ya conoces… Así es, significa alineación a la izquierda, también puede tomar el significado: bien- alineación correcta.

alt="Vista frontal del coche" !}– Aquí se escribe un texto alternativo, que se muestra al pasar el mouse sobre la imagen.

Exactamente de la misma forma “insertaremos” la segunda imagen en la página web, con la única diferencia de que estará alineada a la derecha.

Comentarios sobre este artículo (lección):

Por favor, dígame dónde exactamente debo crear la carpeta img.

La carpeta img es solo un nombre convencional, puedes llamarla como quieras, siempre y cuando la entiendas más adelante. Puedes crearlo en cualquier lugar, para simplificar, créalo en el directorio raíz y coloca todas las imágenes allí.

El caso es que no se muestra la imagen, solo la inscripción. ¿Cuál podría ser el problema? Gracias.

Observe de cerca el Listado 8.1 anterior. Llévatelo todo para ti. En el directorio raíz (donde se encuentran todos los archivos HTML de su sitio), cree una carpeta img. Coloque todas sus imágenes en esta carpeta. En la lista, cambie mers1.jpg por el nombre de su archivo. También cambie los valores de ancho y alto a las dimensiones reales de su archivo. Buena suerte.

Muchas gracias, todo salió bien.

Hola, tengo la misma situación que el orador anterior: escribo el código como el tuyo, solo cambio el nombre del archivo: en lugar de mers.1/jpeg inserto el enlace Mercedes/jpeg. Solo aparece una ventana en la página con el. inscripción en la parte superior “Vista frontal del auto”, y no hay imagen En mi opinión, el navegador no puede encontrar la ruta a la foto o no está escrito correctamente AQUÍ ESTÁ MI CÓDIGO: b

Mire atentamente su código img/mercedes/jpeg. Entendiste bien, el navegador no encuentra la ruta al archivo gráfico. 2. El nombre del archivo es incorrecto, mira como tengo mers1.jpg

Bueno copié el código y lo pegué, tengo un óvalo sin imagen, en el óvalo hay un enlace arriba!

Hola! El problema es el mismo, creé una carpeta llamada img en el mismo lugar que los documentos del sitio, en esta carpeta se guardan las imágenes con el nombre 1.jpg, escribo todo como en tu ejemplo.

Si notaste que mi foto está en la carpeta img.

Un artículo muy útil para webmasters principiantes. La única advertencia para el atributo "alt". En relación a la figura, el artículo da la siguiente interpretación: "alt="Vista frontal del coche" – здесь прописывается альтернативный текст который высвечивается при наведении мыши на картинку." Не совсем точно: для рисунка - это прорегатива атрибута title. alt - альтернативный текст, который отобразится, если у пользователя графика отключена или картинка не загрузилась; title - атрибут, позволяющий отображать всплывающее пояснение к картинке при наведении на неё курсора.!}

aquí está mi código Entonces, ¿por qué se pone la imagen a un lado cuando su tarea está en el centro?

Y si tomo una imagen del sitio de otra persona, ¿no será una violación de derechos de autor?

Explique por qué, al cargar un documento HTML al servidor, aparecen espacios vacíos en el marco en lugar de imágenes. Aunque antes de la exhibición, las imágenes eran como debían ser.

Dmitry, los milagros no suceden, cometiste un error en alguna parte, revisa todos los caminos a las imágenes, es decir. cómo se escriben las imágenes en el código.

Este es mi código, en la página se revela todo menos la imagen, llevo todo el día intentando de todas las formas posibles pero nada. por favor dime que hacer

AndreyK, por favor contáctame en mi carta no puedo insertar una imagen de ninguna manera, ingreso todo correctamente pero nada, solo aparece el marco y la inscripción.

Elvira, leí tu carta, así como todos los demás comentarios y cartas. ¿Pero dónde debería responder... al pueblo de mi abuelo???

¡No sé por qué todos están tan molestos! Sólo necesitas no copiar los códigos y luego pegarlos, sino escribirlos tú mismo y todo funcionará... aquí está el texto de mi imagen.

Copié su lista, pegué mis valores; hay una imagen. Luego escribo lo mismo a continuación (manualmente), no hay imagen, ¿qué milagro?

AndreyK por favor dime ¿dónde está el error? No importa cuantas veces lo intente, no funciona((

Andrey, dime por qué no puedo ver la foto. Mi código: Hay una inscripción, pero no hay imagen. Mi dirección: [correo electrónico protegido] Gracias.

Yo también sufrí durante mucho tiempo, ¡pero funcionó! De hecho, la carpeta imj debe abrirse en un documento HTML.

Definitivamente lo intentaré, gracias.

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

Yo también sufrí mucho tiempo, resulta que la carpeta con las imágenes debería estar en el mismo lugar que index.html, gracias Elena.

Andrey inserto:

Andrey inserto: y no tengo foto en el documento, solo una inscripción!!! Mi dirección: [correo electrónico protegido]

mi código... tampoco hay imagen. La carpeta img está en la misma carpeta que el índice... por favor ayuda. [correo electrónico protegido]¡Gracias!

Bueno, no lo sé. Leí todos los comentarios. Lo intenté todo. Copié y pegué mi información. Nada funciona. La carpeta con imágenes (img) se encuentra en el mismo lugar que index.html. Pero no hay ninguna imagen. En su lugar hay una cruz roja y una inscripción Trabajo en el navegador IE. Esto es lo que ingresé:

Miré el código HTML de la página en lugar de la foto de la lección: El código de la página es diferente al del listado. ¿Por qué? y, por cierto, en la página está subrayado el código “mers1.jpg”. Error al copiar con subrayado. Intenté insertarlo así. Aún no hay foto. ¿Qué pasa?

Nos preguntamos, nos respondemos. Sufrí durante mucho tiempo y la imagen no fue insertada. Resultó: 1, en lugar de la etiqueta src tenía srk 2. Me confundí cuando estaba componiendo la ruta a la imagen. Cambié el nombre de la carpeta a IMG y todo funcionó.

Amor, pero ahora lo recordarás por el resto de tu vida :) Estoy bromeando, por supuesto, no te ofendas. Pero en serio, si una persona no deja una dirección de remitente, entonces es casi imposible para mí ayudarlo.

Hola, dime cómo colocar una imagen arriba, la segunda abajo a la izquierda y la tercera abajo a la derecha))))

.......... ¿cuál es mi error de imagen faltante?

Todo en el código es correcto, si no hay ningún problema, todo debería funcionar. Pero escriba el nombre del archivo (imagen) en letras inglesas. Muchos servidores no aceptan el alfabeto latino.

Pero esto es lo extraño... mientras le daba a la carpeta diferentes nombres, la imagen no quería aparecer, a pesar de que la ruta estaba escrita correctamente. Tan pronto como llamé a IMG, ella apareció de inmediato. ¿Cuál es el truco?

Marina, no hay truco ni provocación :). En el código del Listado 8.1. se indica que esta imagen está en la carpeta: img. Si cambia el nombre de la carpeta de imágenes en su host y luego lo cambia en la lista, ese es el truco.

¡¡¡Estoy intentando insertar una imagen!!! Escribo todo usando un bloc de notas, estoy haciendo todo correctamente, ¿quizás no valga la pena usar un bloc de notas?

Y abro todo en Mozilla Fire Fox más reciente))

La ruta de mi imagen es C:Documentos y configuracionesdenisDesktopkoffevinogradwwwImg y la imagen en sí se llama gif, también el nombre incluye 1.gif... Hago esto en el bloc de notas sitio genial

Lo hice y no sale la ruta completa, el mozilla no ve la foto del explorador y la resalta con una cruz roja

Denis, cambia el nombre de la carpeta Img a img, es decir. todo en letras mayúsculas y cambie el nombre de la ruta también. Muchos servidores no muestran correctamente las mayúsculas.

Sigo teniendo la misma pregunta: ¿por qué no imágenes, sino sólo la inscripción? Creé una carpeta separada para el sitio: contiene una página web y un dibujo. Insertado: AYUDA CUÁL ES MI ERROR DE CORREO: [correo electrónico protegido]