Curso de HTML Completo: Aula 11 - iframes

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น •

  • @programacaoweb
    @programacaoweb  3 ปีที่แล้ว +31

    E aí está gostando desse curso completo?
    Então deixa seu like e se inscreve. Também compartilha!
    Forte abraço! ;)

  • @SakaPaulo
    @SakaPaulo ปีที่แล้ว +12

    Já sabia o básico, só que fiquei um tempão sem programar.
    Estou maratona do as suas aulas e eu penso que essa vez vou voltar para ficar.
    Muito obrigado pelas aulas, que Deus lhe abençoe irmão!

  • @humbertoalves2188
    @humbertoalves2188 ปีที่แล้ว +15

    Professor, essas suas aulas estão mudando minha percepção sobre html, muito obrigado!

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +2

      Que bom Humberto. Espero que te ajude muito. Grande abraço!

    • @labarra4537
      @labarra4537 ปีที่แล้ว

      @@programacaoweb Excelente. Parabéns pela didática. Sugestão: sei que o curso foi disponibilizado de forma gratuíta, mas, em cada vídeo-aula, poderia deixar na descrição um pix para doação. Uma forma de retribuirmos um pouquinho o muito que o sr tem nos ajudado.

  • @thyagogamerr
    @thyagogamerr 6 หลายเดือนก่อน +2

    comecei sabado minhas aulas de html e ja estou aqui na aula 11 faltando apenas 4 aulas para terminar o curso de html e posso dizer com toda certeza que é um dos assuntos que ta me deixando bem empolgado e com animo para continuar e finalizar o curso !

  • @danilo9740
    @danilo9740 ปีที่แล้ว +14

    tô fazendo um curso de Desenvolvimento de Sistemas na Etec, em 6 meses já começamos a entrar no CSS, mas seus vídeos estão facilitando mt o aprendizado, inclusive tô conseguindo aprender algumas tags q eles não ensinaram pra gente ainda, tipo o , , valeu Professor!

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +1

      Valeu Danilo. Fico feliz que esteja te ajudando. Grande abraço!

  • @donizettigaldino
    @donizettigaldino 2 หลายเดือนก่อน

    show de bola é vc, parsa.

  • @amiltongsilva8917
    @amiltongsilva8917 2 ปีที่แล้ว +5

    Realmente, i-frames são show de bola.

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +2

      Obrigado por comentar Amilton. Forte abraço!

  • @cartaotodes8903
    @cartaotodes8903 ปีที่แล้ว +2

    Gostei muito da aula!! Esse curso é incrível!! No momento estou tendo uma certa dificuldade em ajustar o width do que leva a algum endereço de minha própria página, mas estou levando como exercício para aprendizado. Assim que solucionado irei para a próxima aula! Desde já agradeço pelo curso disponibilizado!

  • @Rhamon_Asafe
    @Rhamon_Asafe ปีที่แล้ว

    Estou fazendo a tese do meu mestrado graças aos seus vídeos !! Parabéns que conteúdo fenomenal Deus te abençoe!!! Vou comentar todos os vídeos que eu assistir já assisti todos de HTML, falta CSS e JS.

  • @junioverasbrito8543
    @junioverasbrito8543 2 ปีที่แล้ว +3

    Prof. Dimitri, vou precisar rever para entender os s. Obrigado, de coração.

  • @cintiadbersch8310
    @cintiadbersch8310 5 หลายเดือนก่อน

    Estou maratonando suas aulas. Gostando muito! Comprarei o curso logo logo! Quero me tornar uma programadora ainda este ano! Foco e perseverança na missão! Formada em análise e desenvolvimento de sistemas à 14 anos... Não exercí! Agora em 2024, ví a possibilidade de trabalhar home office e isso abriu minha mente para retomar os estudos e ingressar na área! Rumo à Vitória! Obrigada pelas aulas! Muito fácil o entendimento!

  • @180295wellington
    @180295wellington ปีที่แล้ว

    conteúdo sensacional, muito grato por poder aprender tudo isso de graças e com qualidade

  • @Kim-Barroso
    @Kim-Barroso 6 หลายเดือนก่อน

    Que aula incrivel, quanto mais avanço mais fico empolgado

  • @PedroJulio-uy3il
    @PedroJulio-uy3il 2 หลายเดือนก่อน

    Cada aula fissurado em aprender mais e mais, Parabéns cara logo logo adquirir o curso. 👽

  • @bryhan750
    @bryhan750 6 หลายเดือนก่อน +2

    Po professor isso foi tão bom que eu incorporei seu video na pag , assisto ele e vejo ao mesmo tempo oque esta saindo das tags hahaha

  • @Everaldobass
    @Everaldobass 2 ปีที่แล้ว +1

    Excelente conteúdo sobre s.

  • @sebastiao4130
    @sebastiao4130 8 หลายเดือนก่อน

    MUITO BOM AULAS APLICÁVEIS!!!!

  • @thegreat4195
    @thegreat4195 2 ปีที่แล้ว +1

    Gostei dos s, top.

  • @CezarXGameR
    @CezarXGameR 2 ปีที่แล้ว +1

    Muito bom o vídeo, didática muito boa, ta me ajudando demais, vou comentar em todos os vídeos como forma de agradecimento.

  • @RamonRodrigo-jw4pq
    @RamonRodrigo-jw4pq ปีที่แล้ว +1

    didatica otima, obrigado pelo conteudo!

  • @leo6955
    @leo6955 11 หลายเดือนก่อน

    Curso gratuito e qualidade de curso pago. Parabéns.

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน

      Muito obrigado. Grande abraço!

  • @rgsouza2004
    @rgsouza2004 ปีที่แล้ว

    Ótimo conteúdo. Parabéns.

  • @karllostrooy88
    @karllostrooy88 5 หลายเดือนก่อน

    Iframes é a magia do HTML !!

  • @giltonvida
    @giltonvida 2 ปีที่แล้ว +1

    Fantástico!!!

  • @thyagogamerr
    @thyagogamerr 6 หลายเดือนก่อน

    de todas as aulas que eu ja aprendi essa é a mais dificil, tou apanhando um pouco para pegar a pratica !

  • @vinirodriguesbastos93
    @vinirodriguesbastos93 2 ปีที่แล้ว

    seguindo firme e forte nas aulas professor vamos que vamos. 🤓

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      Boa Vini! Abraço! 👨‍💻🔥🚀

  • @MurilosilvaFX
    @MurilosilvaFX 8 หลายเดือนก่อน

    coloquei o vídeo dessa aula no ifreme muito legal !

    • @programacaoweb
      @programacaoweb  8 หลายเดือนก่อน

      Legal Murilo! Abraço

  • @gitech9
    @gitech9 ปีที่แล้ว

    Ótima aula!

  • @christianalves7258
    @christianalves7258 ปีที่แล้ว

    ta interessante , to aprendendo muitas coisas

  • @ericktiepo8158
    @ericktiepo8158 8 หลายเดือนก่อน

    usei o seu vídeo como teste na parte do IFRAME KKKKKKK, MUITO TOP.

  • @julianobr69
    @julianobr69 2 ปีที่แล้ว

    Excelente curso! Obrigado!

  • @JeffersonDeveloper
    @JeffersonDeveloper 2 ปีที่แล้ว

    topppp😜

  • @Mk.mkinho
    @Mk.mkinho 2 ปีที่แล้ว

    Muito bom. Obrigado

  • @EnigmaTerráque
    @EnigmaTerráque 2 ปีที่แล้ว

    Aulas top!

  • @DenyellPlayer
    @DenyellPlayer ปีที่แล้ว

    Ahhhhh concluído 😂😂

  • @DenyellPlayer
    @DenyellPlayer ปีที่แล้ว

    Muito legal 😅😂😂😂

  • @juanfleury
    @juanfleury 2 ปีที่แล้ว +1

    Qual a diferença de title e name nos atributos da tag ?

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      O atributo "title" é apenas informativo , serve para indicar o que é aquele conteúdo, principalmente para leitores por voz para pessoas com deficiência visual, também quando mouse fica parado em cima aparece um balãozinho com o texto do title. Já o atributo "name" é o nome que você deu pro , como você está batizando ele, por assim dizer, e pode ser usado para fazer referência ao elemento em um JavaScript para manipular ele. Abraço!

  • @jeffclausef
    @jeffclausef 4 หลายเดือนก่อน

    Quando coloquei o com o url do TH-cam, apareceu na página uma mensagem informando que o TH-cam não havia permitido o recurso.

    • @programacaoweb
      @programacaoweb  4 หลายเดือนก่อน +1

      Oi Jeff. Tem que colocar o do vídeo e estar habilitado a opção por parte do dono do vídeo de compartilhar externamente. Todo vídeo o criador tem a opção de permitir ou não. Abraço!

    • @jeffclausef
      @jeffclausef 4 หลายเดือนก่อน

      @@programacaoweb Grato, professor!! Estou acompanhando os seus vídeos. Excelente didática. 👏🏼👏🏼👏🏼

  • @Michel.MirandaZ7
    @Michel.MirandaZ7 9 หลายเดือนก่อน

    08:10 o meu continua abrindo como se tivesse com o blank, e ta td igual o teu ai

    • @OfficialCodePlay
      @OfficialCodePlay 9 หลายเดือนก่อน

      tem coisas que mudaram de antigamente pra hj em dia

    • @programacaoweb
      @programacaoweb  9 หลายเดือนก่อน

      Olá Michel. Continua da mesma forma, não houveram alterações no funcionamento dos s. Provavelmente algum detalhe que você está deixando passar. Verifica se não está com target blank apontado ou se o está com todos os atributos corretos. Abraço!

    • @programacaoweb
      @programacaoweb  9 หลายเดือนก่อน +1

      Não houveram alterações no HTML5 da gravação do vídeo para cá. Abraço!

  • @guidosousa96
    @guidosousa96 20 วันที่ผ่านมา

    Boa noite, quando adiciono a tag copiada do TH-cam não aparece na página em, mostra vídeo indisponível. Poderia dizer o por quê?

    • @programacaoweb
      @programacaoweb  20 วันที่ผ่านมา

      @@guidosousa96 Olá. Depende do vídeo. O dono do canal pode habilitar ou desabilitar o compartilhamento do vídeo por s. Se estiver habilitado vai aparecer. Se não, vai dar um aviso. Abraço!

  • @Joao_pedro131
    @Joao_pedro131 ปีที่แล้ว

    Eu queria tirar uma dúvida, ao colocar o link do site que desejo rodar, no caso suponhamos o youtube dentro do 'src=" " ', ele não roda naquela página. O que possa ser?

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +1

      Oi João. Iframes do TH-cam tem uma URL específica para s. Você pode pegar isso por clicar em compartilhar abaixo do video, depois incorporar, e pegar o correto. Por questões de segurança nem todo site permite s, quando permitem geralmente tem uma URL específica, que é o caso do TH-cam. Forte abraço!

  • @sborgesbra
    @sborgesbra 2 ปีที่แล้ว

    Olá Dimitri, blz?
    No Vscode quando eu coloco a Tag ( e dou ENTER) ele já me dá as seguintes atribuições (), e dá o mesmo resultado que vc colocou.

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +1

      Olá. Sim inserção automática do VS Code. O frameborder tira a borda tbm 👍

    • @sborgesbra
      @sborgesbra 2 ปีที่แล้ว

      O Seu curso é sensacional, vc tem o Dom e a paciência de ensinar, estou com 50 anos e aprendendo muito com vc. Terminando esse eu já vou fazer o de CSS, JAVASCRIPT e por aí vai....kkkkk

  • @meninoflores8067
    @meninoflores8067 2 ปีที่แล้ว +1

    Notei que tem alguns sites que recusam a conexão, na verdade a maioria deles. Isso é devido a politica de privacidade do site? pode me auxiliar nessa questão ?

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +2

      Olá Menino Flores. Sim, a maioria dos sites faz bloqueio de CORS (Cross-origin Resource Sharing) em tradução livre "Compartilhamento de Recursos de Origem Cruzada". Isso evita que se possa usar recursos do teu domínio em outro lugar. Bloqueia requisições http e uso de s em outras origens. Isso é questão de segurança. Sem esse mecanismo alguém poderia por exemplo, "sequestrar" teu site para benefício próprio. Imagine por exemplo, você poder ter um Google de tela cheia rodando num com seus anúncios no topo e você chamar de "google melhorado" ou algo do tipo. Ou fazer um super ecommerce, num mesmo site colocar mercadolivre, americanas e magazine luiza e colocar ADS nas laterais e bizarrices do tipo. Para aprender mais sobre CORS esse artigo é interessante 👉 bit.ly/2FpRh4l . Os s são recursos que usamos mais no nosso próprio domínio ou quando algum conteúdo é liberado por sites externos. Forte abraço!

  • @josemarques-bh6jo
    @josemarques-bh6jo 8 หลายเดือนก่อน

    olá como resolver o problema de cannot get, no meu caso eu criei uma pasta para cada aula. Obrigado!

    • @programacaoweb
      @programacaoweb  8 หลายเดือนก่อน

      Esse problema indica que o caminho não foi encontrado. Você precisa especificar corretamente o caminho das páginas levando em conta as rotas das pastas. Abraço!

  • @isaaiasmonb9856
    @isaaiasmonb9856 ปีที่แล้ว

    Muito bom o conteúdo estou aprendendo muito.
    Agora eu não sei se é por conta que meu computador é antigo mas fazendo do mesmo jeito do video não deu certo, mas depois de acrescentar ponto e virgula deu ex:
    por que sera?

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +1

      Olá. Por que não existe aquele ; (ponto e vírgula) na sintaxe do HTML. Se colocar vai dar errado mesmo. Abraço!

  • @Zezinho819
    @Zezinho819 8 หลายเดือนก่อน

    professor, esse ultimo exemplo em que voce abre um , como faco para fechar ele?

    • @programacaoweb
      @programacaoweb  8 หลายเดือนก่อน +1

      Olá Zezinho. Não entendi muito bem a pergunta. Iframes não são abertos ou fechados. Eles são simplesmente colocados no ponto onde você deseja. Se não quer o ali, basta tirar do código. Se quer dinamicamente eliminar o elemento, dai vai precisar saber trabalhar com JavaScript. Abraço!

    • @Zezinho819
      @Zezinho819 8 หลายเดือนก่อน

      @@programacaoweb blz obg professor abraços

  • @christophoramorim3147
    @christophoramorim3147 2 ปีที่แล้ว

    gostei da parte do youtube kkkkk muito legal

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      Valeu Christophor. Forte abraço!

  • @nathalidorio506
    @nathalidorio506 ปีที่แล้ว

    quando incorporei um video aleatorio do youtube no meu ele não estava disponivel para assistir "video indisponivel" e ai tinha um link para assistir no youtube, o que eu errei???

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Oi Nathã. O criador do conteúdo na hora de publicar o vídeo no TH-cam pode decidir se o vídeo pode ser incorporado como ou não. Caso ele bloqueie dai vai aparecer essa mensagem "vídeo indisponível" ou caso o vídeo tenha se tornado restrito ou deletado. Abraço!

  • @Gustavo-mn1iv
    @Gustavo-mn1iv 2 หลายเดือนก่อน

    Meu só pega pastas que ja tem no meu celular,ele não abre o google,youtube e etc,oque pode ser?

    • @programacaoweb
      @programacaoweb  2 หลายเดือนก่อน

      @@Gustavo-mn1iv oi Gustavo. Os s são mais usados num projeto próprio por questões de segurança. Nem todos os sites permitem incorporação. No caso do TH-cam o vídeo precisa estar habilitado pelo dono do canal. Forte abraço!

  • @littlecat4044
    @littlecat4044 หลายเดือนก่อน

    Professor, uma dúvida, porque os meus s não estão fucionando quando uso uma URL de um vídeo do youtube? Aparece que o vídeo está indisponível e redireciona a pessoa para dentro do site do yt ao invés do vídeo rodar na minha página. :/

    • @programacaoweb
      @programacaoweb  หลายเดือนก่อน

      Olá. Isso acontece porque nem todas as URLs do TH-cam podem ser usadas diretamente em um . Para isso, você precisa usar o "embed link" correto. No TH-cam, clique em "Compartilhar" abaixo do vídeo, depois em "Incorporar" e copie o código gerado. Ele vai ter uma URL especial que funciona no , algo como th-cam.com/users/embedID_DO_VÍDEO. Use esse link no src do , e o vídeo deve funcionar direitinho na sua página. Outra coisa é que o dono do vídeo pode marcar para não poder incorporar o vídeo fora do TH-cam, nesse caso aparece uma mensagem de que não é possível reproduzir o vídeo. Forte abraço!

  • @shounen..
    @shounen.. 11 หลายเดือนก่อน

    Parabéns pelo curso, ta muito mais didático do que curso pago. Porém estou com uma duvida, tentei fazer os mesmos passos que vc fez no Iframe para tenta abrir ele na mesma pagina (sem ir para outra aba) porem mesmo fazendo igual ele esta indo para outra pagina sem ficar no mesma. Queria deixar com vc fez na parte da aula ''sobre nos'' . Coloquei target ,nome no td certo mas nao fica na mesma pagina.

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน

      Olá. Se fizer igual no vídeo da certo. Provavelmente tem algum detalhe que você está deixando passar. Abraço!

  • @DenyellPlayer
    @DenyellPlayer ปีที่แล้ว

    No meu so funcionou o width=100% ja o heigth= não quer funcionar o que pode ser o meu erro?

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +1

      Oi Denyell. Isso acontece por que você colocou porcentagem na largura. Quando você define a largura como "100%", o expande para ocupar 100% da largura do elemento pai, mas a altura não é definida explicitamente. Isso significa que a altura do será determinada pelo conteúdo que ele contém. Se o conteúdo for curto, o será curto; se o conteúdo for longo, o será longo. Essa é a natureza do comportamento padrão de um elemento com width definido como 100%. Então se quiser definir altura e largura específica tem que ser um tamanho fixo. Por exemplo width=500 height=250. Quando se usa porcentagem na largura não precisa definir altura. Abraço!

    • @DenyellPlayer
      @DenyellPlayer ปีที่แล้ว +1

      Muito obrigado 😅 isso ajudou a raciocínar
      Não tinha funcionando comigo do jeito que estava mostrando no vídeo. Por algum erro meu
      Mas mudei algumas coisas por conta, e deu certo!😅😅😅
      fenomenal eu copiei alguns comandos do código de vídeo incorporado e deu muito certo 😅😂😂
      Para entender o erro e concertar e descobri um outro comando para tirar a borda do 😅 frameborder="0 "

  • @leonamcruz9694
    @leonamcruz9694 ปีที่แล้ว

    Os Iframes me lembraram os fragmentos do Android. Basicamente você faz 1 atividade, e vai chamando os fragmentos conforme a necessidade.(Só que no caso é FXML)

    • @MaximumCuriosidade
      @MaximumCuriosidade ปีที่แล้ว +1

      Pois, e usar telas fragmentadas no Java é show de Bola, so espero que com um tempo nao descubra que tenha excepções como no Java😅, mas esses s também me parecem que vou usa-los muito pra fazer TabLayouts😅
      Eu estou a fugir um pouco de criação de apps Android e essas aulas são as melhores que encontrei pra tal..
      Mbora aprender Vida é so uma❤

  • @tofaniomiranda9931
    @tofaniomiranda9931 3 หลายเดือนก่อน

    Professor aula top mas sempre que eu copio o apartir do TH-cam e colo no VS code, ele vem indisponível e pede para assistir no TH-cam o que faço? 😢

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน +1

      @@tofaniomiranda9931 Olá. Nem todos os vídeos permitem incorporação. O dono do canal deve deixar ativa a opção de permitir. Do contrário vai aparecer indisponível. Abraço!

    • @tofaniomiranda9931
      @tofaniomiranda9931 3 หลายเดือนก่อน

      @@programacaoweb Obrigado pela explicação professor mas depois deu certo. Deus abençoe você

  • @Z-100
    @Z-100 6 หลายเดือนก่อน

    prof eu to tendo um problema pois quando eu tento colocar algum site especifico no na hora de rodar mostra que a conexão foi recusada :)

    • @programacaoweb
      @programacaoweb  6 หลายเดือนก่อน

      Olá. Alguns sites não permitem o uso de s. Eles bloqueiam. Geralmente esse recurso é utilizado dentro do teu próprio site com páginas suas ou em sites em que uso de s é permitido, como por exemplo os vídeos do TH-cam. Abraço!

  • @nielmanzon
    @nielmanzon 3 ปีที่แล้ว

    prof como ta funcionar as postagens? todo dia uma aula nova?

    • @programacaoweb
      @programacaoweb  3 ปีที่แล้ว +1

      Oi Daniel Manzon. Sim, todo dia sai uma aula nova. Forte abraço!

  • @JulioCFR
    @JulioCFR 2 ปีที่แล้ว

    Prof. Dimitri vc indicaria algum livro para melhor entendimento com HTML?

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +1

      Oi Julio Cesar. Minha indicação é estudar pela w3Schools. Onde você pode estudar por escrito e fazer exercícios práticos em tempo real. Se tiver problema com inglês só clicar com botão direito do mouse "Traduzir esta página". Link 👉 bit.ly/3G0Yw1W

  • @chauanDev
    @chauanDev 6 หลายเดือนก่อน

    eu não estou conseguindo colocar sites absolutos no Iframe

    • @programacaoweb
      @programacaoweb  6 หลายเดือนก่อน

      Olá. Nem todo site dá permissão para usar s. É mais recomendado apenas para uso local, no mesmo projeto. Abraço!

  • @atalhosdainternet4527
    @atalhosdainternet4527 ปีที่แล้ว

    frameborder="0" também tira a borda sem usar o css

  • @bobozin767
    @bobozin767 10 หลายเดือนก่อน

    Tutorial de como roubar paginas em html!!! Zueira professor, Aula muito boa parabéns continue sempre assim!