Prueba de informática y TIC sobre el tema "Lenguaje de marcado de hipertexto". Agregamos imágenes a la página WEB, además de video y audio! Cómo se guardan las imágenes insertadas en una página

Supongamos que decide insertar la siguiente imagen en su sitio web:

Primero necesitas guardar esta imagen en tu computadora. Para hacer esto, mueva el cursor del mouse sobre la imagen y haga clic con el botón derecho del mouse. Seleccione "Guardar imagen como..." Especifique una ubicación para guardar la imagen (como recomendé anteriormente: cree una carpeta de sitio separada en la unidad C, por ejemplo, y guarde todos los archivos de las lecciones allí).
Guarde la imagen en el mismo lugar que la página que estamos creando: page.html Deje el mismo nombre del archivo de imagen money-master.jpg
De nuevo, ¡ten cuidado! El nombre del archivo no es money-master. i página, no money-master.jp q y dinero-master.jpg

Para insertar una imagen en una página, use la etiqueta . img este es el de la palabra inglesa soy a gramo e...imagen, imagen El nombre de la imagen se utiliza como parámetro para esta etiqueta. La computadora debe saber qué imagen queremos insertar.

En nuestro caso, para insertar una imagen, se inserta money-master.jpg en código de página, en el lugar donde queremos insertar la imagen, el siguiente código:

o sería más correcto escribir así , aunque el código anterior también funcionará.

vía parámetro src se indica el nombre del archivo de imagen.
src de la palabra inglesa s UNED RC e - recurso, fuente

Img src= se puede expandir como fuente de imagen/nombre de archivo =

Por lo tanto, el código de nuestra página se verá así

Hoy es un dia maravilloso.

etiquetas
insertado para colocar la imagen varias líneas debajo del texto.

Ahora nuestra página se verá así.

Es recomendable indicar sus dimensiones en los parámetros de la imagen. Para hacer esto, use el parámetro ancho(ancho de imagen) y altura(altura de la imagen).

(también tenga cuidado al escribir. No con, no con, no con altura)

Aquellos. por ejemplo así:

Las dimensiones de la imagen están indicadas en píxeles.

Si desea que se muestre algún texto al pasar el mouse sobre la imagen, puede hacerlo usando el parámetro alternativo

por ejemplo así:

alt="Sitio sobre cómo ganar dinero en Internet" !} >

Este texto también será visible si tienes los gráficos deshabilitados en tu navegador (para ahorrar tráfico, por ejemplo). Pero esta opción no funciona en todos los navegadores. EN explorador de Internet obras.

un análogo de este comando es el parámetro title=

Realice cambios en el código y vea qué sucede.

Entonces el código de nuestra página será así:

Hoy es un dia maravilloso.
Hice mi primera página de Internet.

¡Seré un hombre rico y libre!

Trabajar en un editor de texto implica no sólo formatear textos, sino también elementos graficos. Hoy hablaremos sobre cómo insertar una imagen de Internet en Word. Hay varias formas sencillas y útiles.

Método uno: copia externa

Cuando Documento de texto necesita agregar una imagen, pero no hay ninguna adecuada, vaya a Internet y búsquela allí. Luego siga algunos pasos.

1. Abra la imagen completa, haga clic derecho y seleccione "Copiar imagen".

1. En ese tiempo RAM guardará la imagen en el portapapeles. Ahora muévete al aire libre Documento de Word, donde al hacer clic con el mouse indica la ubicación para una futura inserción. Luego presione el botón derecho y seleccione la opción insertar.

1. Ahora la imagen aparecerá en la hoja. Luego, usando las herramientas, puedes formatear la imagen: convertirla en blanco y negro o agregar contraste. Todo esto se hace en el elemento "Trabajar con imágenes" en la pestaña "Formato".

¡Importante!

Tenga cuidado, porque en el proceso de transferir una imagen del sitio a hoja de palabras no debe copiar otros datos; de lo contrario, se eliminará el almacenamiento original en el portapapeles.

Método dos: usar la opción integrada en Word

Esta opción de inserción implica el uso de un servicio interno y un motor de búsqueda de imágenes. Este algoritmo también implica realizar acciones simples.

1. Vaya a la pestaña “Insertar”, en el bloque “Ilustraciones” haga clic en el servicio “Imágenes de Internet”.

1. A continuación, se abre una ventana con opciones de búsqueda sugeridas. Seleccione la cadena de búsqueda "Bing".

1. Siguiente en barra de búsqueda ingrese el nombre de la imagen, luego seleccione una imagen de la galería propuesta y haga clic en el botón "Insertar".

Tercer método: guardar y pegar normalmente

Antes de insertar una imagen en un documento de Word, puede guardarla desde Internet en su computadora. Entonces necesitas transferir la imagen a editor de texto y optimizarlo para el contenido de la página.
Este método no es diferente de la posibilidad de colocar un documento convencionalmente "Insertando imágenes" desde una computadora. Después de familiarizarse con estos métodos, podrá elegir fácilmente usted mismo. Opción alternativa y descubre los beneficios de insertar imágenes desde la web.

Cómo hacer una galería a partir de varias imágenes, lea más instrucciones sobre cómo trabajar con Word que encontrará en la Referencia.

Prueba en informática y TIC sobre el tema “Lenguaje de marcado de hipertexto HTML »

1. Página web ( documento HTML) representa:

a. Archivo de texto con extensión txt o doc

b. Archivo de texto con extensión htm o html

C. Archivo binario con extensión com o exe

d. Archivo gráfico con extensión gif o jpg

2. Para ver páginas web en Internet se utilizan los siguientes programas:

a. Microsoft WordoPanel de palabras

b. acceso MicrosoftoMicrosoft funciona

C. explorador de Internetoópera ( Google Chrome)

d. HTMLPadoPágina delantera

3. La etiqueta es:

a. Equipo especial, escrito entre paréntesis angulares< >

b. Texto que utiliza caracteres especiales.

C. Puntero a otro archivo u objeto

d. Fragmento de un programa incluido en una página Web

4. La etiqueta es:

a. ID del título de la ventana gráfica

b. ID de encabezado de documento HTML

C. Identificador de avance de línea

d. ID de los comandos del documento HTML para ver la página

5. Para insertar una imagen en un documento HTML, use el comando:

6. El hipervínculo está especificado por la etiqueta:

C.texto

7. Los hipervínculos en una página web pueden proporcionar un enlace...

a. sólo dentro de esta página web

b. solo en paginas web de este servidor

C. a cualquier página web de una región determinada

d. a cualquier página web de cualquier servidor de Internet

8. Hipertexto es:

a. El texto es muy talla grande

b. Texto que utiliza un tamaño de fuente grande

C. Texto estructurado, donde son posibles las transiciones a etiquetas seleccionadas

d. Texto en el que se insertan objetos con gran cantidad de información

9. ¿Qué etiqueta define un párrafo de texto?

a.

10. ¿Cuál de las siguientes etiquetas define los elementos del contenedor?

a.

b.

a. 5

11. Anota el atributo requerido para la etiqueta: _______________

12. ¿Qué valor de dirección puede tomar el parámetro de etiqueta HREF? ?__

a. dirección IP

b. Marcadores (ancla con el nombre especificado)

C. Correo electrónico(con el prefijo mailto :)

d. Nombre del archivo

13. ¿Para qué se utilizan? caracteres HTML TITULO>:

a) para resaltar un párrafo

b) crear un título

c) resaltar capítulos

d) resaltar el título

14. Partido

1. La etiqueta con la que comienza cualquier código de programa de un documento HTML.

A)

b) ?>

V)

2. Etiqueta para dividir texto en párrafos.

GRAMO)

d) ?>

4. Una etiqueta para resaltar el título e indicar su alineación.

mi)

5. Se especifica el dibujo en HTML...

y)

6. ¿Cómo se establece la posición de una imagen en HTML?

h)

15. Elige la respuesta correcta:

¿Cómo se guardan las imágenes insertadas en una página?
a) traducido a formato binario y colocado en código HTML
b) se registran en el archivo y se adjuntan a archivo HTML
c) las imágenes no se guardan, pero se utilizan desde la biblioteca del usuario al verlas
d) se guardan como archivos separados, y solo se inserta un enlace a ellos en el código HTML

16. ¿Qué formatos de archivos gráficos se pueden utilizar para insertar en una página WEB?

A) BMP, GIF

b) GIF, JPG

c)TIFF

Todo lo anterior

Respuestas a la prueba :

src=”nombre de archivo

C.A

1g

2z

4b

5a

6e

¡Hola a todos! Útil función para guardar páginas web o las imágenes pueden resultarle útiles para diversos fines. Por ejemplo, puedes ahorrar tráfico de Internet o, para no anotar recetas manualmente, puedes guardar la página, etc.

Bueno, comencemos.

Mayoría de manera rápida guarde la página en absolutamente todos los navegadores: presione las teclas del teclado “Ctrl” + “S”.
En la ventana que se abre, especifique la ruta donde desea guardar la página.
En Tipo de archivo, seleccione cómo desea guardar la página:

Página HTML sin imágenes (página web, solo HTML)
- página html con imágenes (página web completa).

Pero además de esta acción, existen otras con las que puedes guardar la página.

En la esquina superior derecha haz clic en el botón "Configuración y gestión de google Cromo". Se abrirá una pestaña, haga clic "Guardar pagina como..."

Se abrirá la siguiente pestaña en la que deberá especificar la ubicación donde guardar el archivo.
En "Tipo de archivo", especifique que desea guardar la página completa con o sin imágenes:

en el navegador explorador de Internet Busque la sección del menú "Archivo" en la parte superior.
"Guardar como…"

Clic en Guardar. Listo, ahora la página está en tu computadora.

haga clic derecho en campo vacío en la parte superior del navegador. Aparecerá un menú. Seleccione "Barra de menú" en ese menú.

En el navegador Opera, busque la sección del menú "Archivo" en la parte superior.
Haz click en eso. En la pestaña que se abre, busque y haga clic en el elemento. "Guardar como…".

en el navegador Mozilla Firefox Busque la sección del menú "Archivo" en la parte superior.
Haz click en eso. En la pestaña que se abre, busque y haga clic en el elemento. "Guardar como…":

Clic en Guardar.
Si no puede encontrar la sección del menú "Archivo", debe habilitarla. Para hacer esto, siga estos pasos:
Haga clic derecho en el campo vacío en la parte superior del navegador. Aparecerá un menú. Seleccione el elemento en ese menú. « Barra de menús» .

¿Cómo guardar texto de Internet?

Esta es la forma más primitiva, pero funcional, de guardar texto de Internet.
Entonces, seleccione el texto que desea guardar con el mouse.
Después de haber seleccionado el texto, presione "Ctrl" + "C" en su teclado - copiar.
Abra cualquier editor de texto: bloc de notas, Microsoft Word o WordPad.
Presione el método abreviado de teclado “Ctrl” + “V” - pegar.

De esta forma, no sólo podrás guardar textos en Internet, sino también imágenes.

Una vez escribí en mi blog sobre... Vamos, que ahora te cuento cómo guardar un vídeo de Internet, o mejor dicho de un sitio web. El principio de funcionamiento es el mismo que al descargar un vídeo de YouTube. Vale, no hablaré demasiado, pongámonos manos a la obra.

Hacer clic botón derecho Pase el mouse sobre el video publicado en el sitio. En la pestaña que se abre, haga clic en "Copiar URL del video".

Ahora abierto nueva pestaña navegador y presionando “Ctrl” + “V” en su teclado, pegue la dirección del video en la barra de direcciones.

Todo lo que tienes que hacer es agregar dos letras en inglés al comienzo de la dirección " ss».

Por ejemplo:
fue así - https://youtube.com/muchos símbolos
y quedó así: https:// ss youtube.com/grupo de personajes

Y listo, descarga desde el hosting.
Esto es todo. Espero que este artículo sobre cómo guardar una página o un vídeo de Internet te haya resultado útil. Si es así, haga clic en los botones de redes sociales a continuación.

Antes de responder la pregunta " ¿Cómo insertar una imagen en HTML?“, cabe señalar que no vale la pena sobrecargar las páginas web con una gran cantidad de material gráfico, ya que esto no solo mejorará la percepción visual del recurso por parte del usuario, sino que también aumentará el tiempo de carga de la página.

Se utiliza con mayor frecuencia al crear sitios web. formatos gráficos PNG, GIF y JPEG, y para trabajos de diseño con imágenes - editor de gráficos Adobe Photoshop, que tiene amplias capacidades para comprimir y cambiar el tamaño de imágenes sin perder calidad, lo cual es increíblemente importante para el desarrollo web.

¿Cómo insertar una imagen en HTML?

Para insertar una imagen en una página HTML, se utiliza una única etiqueta simple:

,

donde xxx es la dirección de la imagen. Si la imagen está en el mismo directorio que la página, la etiqueta se verá así:

Sin embargo, Internet estable y de alta velocidad aún no ha llegado a todos los rincones del mundo y sucede que la imagen en el sitio web simplemente no se carga. Para tales casos existe el concepto de texto alternativo.

Se muestra en lugar de la imagen cuando no está disponible, cargando o en el modo de funcionamiento del navegador "sin imágenes". Se agrega usando atributo alternativo etiqueta .

Ejemplo de cómo agregar texto alternativo a un archivo gráfico:

Asignar tamaños de imagen en HTML

Para cambiar las dimensiones de visualización de un archivo gráfico, utilice las etiquetas alto y ancho, donde alto es el alto y ancho es el ancho, medido en píxeles.

Al utilizar estos atributos, el navegador primero asigna espacio para el contenido gráfico, prepara el diseño general de la página, muestra el texto y luego carga la imagen.

La imagen se coloca en un rectángulo con las dimensiones especificadas y, si los parámetros son más pequeños o más grandes que los originales, la imagen se estira o comprime.

Si no se utilizan los atributos de alto y ancho, el navegador carga la imagen inmediatamente, retrasando la visualización del texto y otros elementos de la página.

Estos parámetros se pueden especificar tanto en píxeles (el tamaño de la imagen es constante y no depende de la resolución de la pantalla del usuario) como en porcentajes (el tamaño de la imagen depende de la resolución de la pantalla).

Por ejemplo:

Cabe recordar que en el momento de cambiar el tamaño original de la imagen, es necesario mantener sus proporciones.

Para hacer esto, basta con especificar el valor de solo uno de los parámetros ( ancho o alto), y el navegador calculará el valor del segundo automáticamente.

Ubicación de la imagen en HTML

Como ocurre con muchos etiquetas HTML, A Aplique el atributo align, que alinea la imagen:

- la imagen se encuentra encima del texto;

- la imagen se encuentra debajo del texto;

- la imagen se encuentra a la izquierda del texto;

- la imagen se encuentra a la derecha del texto.

Enlace de imagen

Esto se hace de la siguiente manera:

Como se puede ver, inserto gráfico puede ser un enlace y, al hacer clic, redirigir a cualquier dirección escrita en forma completa o abreviada.

¿Cómo puedo convertir una imagen en fondo en HTML?

La imagen no sólo se puede insertar en la página como un objeto visible, sino también como fondo. Para definir una imagen como fondo, debe especificar el atributo background=”xxx” en la etiqueta, donde xxx es la dirección de la imagen, especificada de la misma manera que en los ejemplos anteriores.

Por ejemplo, configuremos la siguiente imagen de textura como imagen de fondo:

Guarde la imagen en una carpeta con una página preparada y escriba las siguientes líneas:

Fondo con texto.

La imagen de fondo de la página está configurada.