¿Cómo insertar una imagen en html? Instrucciones detalladas

Computadoras

Le diremos sobre qué es html y cómoinserte la imagen en html. Entonces, para explicar de qué se trata, debemos decir que al visitar los recursos de Internet, observa constantemente el resultado de su trabajo, porque todas las páginas, los sitios consisten en elementos creados con la ayuda de html.

Que es esto? El nombre abreviado html significa HyperText Markup Language, el lenguaje de marcado de hipertexto. Este lenguaje le permite realizar transiciones de una pieza de texto a otra, y estas piezas se pueden almacenar como en una computadora, y en diferentes, ubicadas incluso en diferentes lados del planeta. Con la ayuda de la codificación, es posible organizar la colocación de textos, imágenes, archivos de video, tablas, y vemos páginas de Internet correctamente ubicadas, fáciles de ver y legibles.

HTML no se aplica a los lenguajes de programación, porqueFue creado solo para marcar las páginas de Internet. Es él quien da un comando especial a nuestros navegadores que muestran lo que se transmite en la información del código. Los navegadores de Internet de diferentes compañías pueden reconocer de manera diferente los datos del código html. Al crear páginas, debe ver su trabajo en navegadores más populares, como Mozilla, IE y Opera.

Las partes constituyentes del código son las denominadasetiquetas. Consisten en nombres que tienen un cierto significado (color, ancho, altura, fuente específica, ubicación, etc.). Esto se aplica tanto al texto como al video, a los archivos de audio o a las imágenes que se le agregan.

Cómo insertar una imagen en html: esta pregunta puede interesar a muchas personas que están empezando a aprender este lenguaje de marcado para trabajar en el sitio. Le diremos en detalle cómo hacerlo correctamente.

Para insertar una imagen en html, necesitamos varias etiquetas importantes y un enlace a la imagen requerida.

El código HTML permite el uso de archivos de imagen de tipos como JPEG, GIF, PNG. Queremos señalar que el elemento IMG - la imagen no tiene una etiqueta de cierre.

¿Cómo se ve el código HTML estándar para agregar una imagen al texto?

Aquí, así que:

<img src = "/ images / link to picture" Nombre de la imagen </ a>

Desciframos los datos de este código. Como ya sabes, img es una designación de imagen. Sigue el parámetro obligatorio src: es un elemento que apunta a la dirección, la URL de la imagen que se agregará. Tenga en cuenta que el enlace a la imagen se coloca estrictamente dentro de las comillas, luego el siguiente lugar para el nombre de la imagen. Puede pensarlo usted mismo, si no lo indica el autor. La imagen html se cierra con la etiqueta de cierre, que cierra el código.

Aquí los expertos crean un Internet-página, decidió la cuestión de cómo insertar una imagen en html. Para complementar el conocimiento adquirido en este campo, le presentaremos algunos otros elementos del código html que pueden serle útiles en el proceso de agregar una imagen.

Para que tu imagen seaun lugar determinado en la página web, es necesario especificar su ubicación. Para hacer esto, necesitamos un elemento ALIGN, al que debemos agregar algunas de estas opciones: izquierda, derecha, centro (izquierda, derecha, centro) y otras. Esto ya se hará a su discreción.

Y si necesitamos colocar una imagen en la tabla, ¿cómo usar html? ¿Cómo insertar una imagen en una tabla?

Se verá así:

<TABLE BORDER = 1>

<TR>

<TD>

<img src = "/ images / link to picture" Nombre de la imagen </ a>

</ TD>

</ TR>

</ TABLE>

Aquí vale la pena describir etiquetas desconocidas para ti.

TABLE - significa una tabla que, como puede ver, en elel comienzo se abre y al final tiene una etiqueta de cierre. es la ubicación de la fila de la tabla, y es la celda de nuestra tabla. Pueden ser cualquier número. Estas dos etiquetas también se pueden cerrar. El enlace es actualmente un elemento en la celda de la tabla.

BORDER es un parámetro para el ancho del cuadro, que se denota en píxeles.

Ahora conoces no solo el secreto de cómo insertar una imagen en html, sino también cómo usar los elementos de este lenguaje para colocar la imagen que seleccionaste en la tabla: el marco.