Тёмный

insertar imagenes en proyecto web desde el editor TrebEdit 

Carlos Cruz Ortiz
Подписаться 363
Просмотров 13 тыс.
50% 1

en este video te enseño como insertar imágenes en un proyecto web en el editor de código html, TrebEdit.

Опубликовано:

 

16 июн 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 40   
@un_aventurero_mas_501
@un_aventurero_mas_501 2 года назад
Miren, ahí les va un tip: Si su carpeta o imágen tiene un nombre con un acento, es necesario que agreguen el respectivo comando para que la letra que lleva el acento se acentúe y el sistema lo reconozca como una palabra con acento. Ejemplo: su carpeta se llama "Música", y lo escriben así en la etiqueta: . Así no lo reconocerá el sistema y, por ende, no aparecerá su imágen en el navegador. Para que funcione tenemos que poner el comando para acentuar la letra "u". Su respectivo comando es ú Por lo tanto se escribe así en código: . Así el sistema reconocerá correctamente la ubicación del archivo que quieren poner y se podrá visualizar en el navegador. Los comandos para cada caracter especial son: Á para Á. É para É. Í para Í. Ó para Ó. Ú para Ú. á para á. é para é. í para í. ó para ó. ú para ú. Ñ para Ñ. ñ para ñ. < para . & para &. " para ". No escribo el resto porque esos muy, muy pocas veces se usan... Estos códigos siempre empiezan con & y terminan en ; para que funcionen. La otra solución más simple es que tengan la ubicación sin acentos. ¯\_(ツ)_/¯ Espero que ésto sirva de mucha ayuda. Yo paso a despedirme. Chaoooo.
@ElLinus
@ElLinus Год назад
Imagen no lleva tilde en la "a" por cierto
@edwinmontero1796
@edwinmontero1796 2 года назад
Gracias seño estaba buscando como hacer eso pero ya sé cómo es gracias seño 🙂
@milagrosramossanchez8669
@milagrosramossanchez8669 Год назад
Me ayudaste mucho gracias
@paolalizledezmachambi9840
@paolalizledezmachambi9840 2 года назад
Gracias lo necesitaba 🥺
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 года назад
que bueno que te sirvió, saludos!
@andrewvilla85
@andrewvilla85 Год назад
Gracias. Saludossssss 😄
@Benz539
@Benz539 2 года назад
Graciasssss me salvaste para entregar mi tarea
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 года назад
Que bueno que te fue útil
@elviscondoritumiri2939
@elviscondoritumiri2939 2 месяца назад
*ENSERIO MUCHAS GRACIAS* :]
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 месяца назад
De nada
@SantiJR3691
@SantiJR3691 Год назад
Amigo tiene un vídeo de como publicar tu página web a Google después de terminarla en trebedit? Lo agradecería mucho
@alitasnavarro5140
@alitasnavarro5140 2 года назад
Buen video! Y como le hago si quiero insertar una imagen que no es de internet? Ya le puse el nombre tal cuál como esta en la imagen que tengo pero ni así me deja Ya lo re bautice
@alitasnavarro5140
@alitasnavarro5140 2 года назад
Se cancela JAJAJAJJA Ya pude, tenia una letra mal
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 года назад
@@alitasnavarro5140 a veces pasa, muchos de nuestros errores son de captura, buena suerte!!!
@elchamuskooficial4528
@elchamuskooficial4528 Год назад
Hermano disculpa porque cuando lo importo y lo trato de ver en el visor de imágenes no sale nada o sale. El. All no se cargo
@CarlosCruzOrtiz
@CarlosCruzOrtiz Год назад
Revisa que la ruta que estás referenciando en la etiqueta direccione a la carpeta de imágenes de tu proyecto, por lo regular en mi caso utilizo una carpeta llamada imagen y en el mismo nivel donde tengo mi carpeta imagen, tabién tengo el index.html, entonces mi ruta es "./imagen/imagen1.EXTENSION DE TU ARCHIVO(PUEDE SER JPG, JPEG, PNG, SVG), revisa que no te falte alguna letra o parámetro de la la etiqueta.
@bobby0.042
@bobby0.042 2 года назад
Si sirve, pero cuando lo guardo y quiero pasar mi archivo por Whatsapp para que otra persona lo abra, la imagen no se ve
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 года назад
Generalmente whatsApp le cambia el nombre a los archivos, checa que el nombre de la imagen sea el que se referencía en tu archivo HTML, porque si no, nunca lo va a mostrar. suerte!
@juansebas899
@juansebas899 2 года назад
Y para editar la foto?
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 года назад
¿Qué edición le quieres hacer a la foto?
@c.z4437
@c.z4437 2 года назад
Todo piola en el editor, Pero cuando lo abro en chrome no me parece nada:((
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 года назад
Mándame tu código, lo reviso y te oriento que está pasando
@c.z4437
@c.z4437 2 года назад
@@CarlosCruzOrtiz es cuando lo guardo, desaparece la imagen solo queda el texto
@c.z4437
@c.z4437 2 года назад
@@CarlosCruzOrtiz si no lo guardo si aparece
@arnoldlayne4319
@arnoldlayne4319 2 года назад
@@c.z4437 Hola amigo, disculpa lo pudiste solucionar? Es que me pasa el mismo problema, de repente algunas pequeñas imagenes se dejan de visualizar. Incluso imagenes que ya habia antes
@FMBOFC
@FMBOFC 2 года назад
Y para hacer chica la imagen?
@carloscruzortiz2736
@carloscruzortiz2736 2 года назад
puedes afectar a tu imagen de dos formas: 1a forma: desde la etiqueta img, y desde el archivo css, quedaría algo así: img{ max-width: 100%; /*el % tu lo controlas a tu gusto */ } 2a forma: crea un id o una clase en tu etiqueta img desde el html y aféctala desde el archivo css, te quedaría algo así: En el archivo HTML: En el archivo CSS: .MoneyShotImg{ max-width: 100%; } Espero te sea útil. saludos!!!
@heylex1493
@heylex1493 2 года назад
Mi imagen aparece enorme
@carloscruzortiz2736
@carloscruzortiz2736 2 года назад
puedes afectar a tu imagen de dos formas: 1a forma: desde la etiqueta img, y desde el archivo css, quedaría algo así: img{ max-width: 100%; /*el % tu lo controlas a tu gusto */ } 2a forma: crea un id o una clase en tu etiqueta img desde el html y aféctala desde el archivo css, te quedaría algo así: En el archivo HTML: En el archivo CSS: .MoneyShotImg{ max-width: 100%; } Espero te sea útil. saludos!!!
@heylex1493
@heylex1493 2 года назад
@@carloscruzortiz2736 gracias amigo
@jeremiascardenas5058
@jeremiascardenas5058 Год назад
Puede ser que no me ande porque tengo la app pirata?
@CarlosCruzOrtiz
@CarlosCruzOrtiz Год назад
Hola, la app es de uso libre y no requere pago de licencia
@jeremiascardenas5058
@jeremiascardenas5058 Год назад
@@CarlosCruzOrtiz He logrado poner imágenes pero con link, no imágenes de mi almacenamiento.
@CarlosCruzOrtiz
@CarlosCruzOrtiz Год назад
@@jeremiascardenas5058 revisaste que el nombre de tus imágenes sea el mismo con el que referencías en tu index.html?? Tal vez sea ese el detalle de porqué no las muestra.
@kixb5888
@kixb5888 2 года назад
No me aparece nada
@CarlosCruzOrtiz
@CarlosCruzOrtiz 2 года назад
Hola, puedes checar en la carpeta descargas, o en la carpeta recientes. También revisa si hiciste correctamente la ruta de la imagen desde el HTML.
@nagasakim8298
@nagasakim8298 2 года назад
Quedé igual ayuda :'v
@cammylee7774
@cammylee7774 Год назад
A mí no me funcionó:((
@CarlosCruzOrtiz
@CarlosCruzOrtiz Год назад
revisa que tu imagen esté direccionada desde html, minuto 3:00. para que la enlance.
Далее
skibidi cat pedro 🐈🔥  #skibiditoilet
00:20
Просмотров 2 млн
tutorial  instalar y usar editor de código TrebEdit
19:44
How to import picture in trebEdit app
2:37
Просмотров 20 тыс.
Ejemplo con la APP TrebEdit para crear páginas web.
12:26
Como poner imágenes en TrebEdit
3:53
Просмотров 4,2 тыс.