Тёмный

Listas mistas e de definição - @Curso em Vídeo HTML5 e CSS3 

Curso em Vídeo
Подписаться 2,3 млн
Просмотров 273 тыс.
50% 1

Você sabe como misturar vários tipos de lista usando HTML5? Sabe como juntar listas ordenadas e listas com demarcadores? Sabe para que serve uma lista de definição? Sabe criar uma lista de definições em HTML? Veja a resposta para todas essas perguntas assistindo esse vídeo até o final.
Tópicos deste vídeo:
00:00 - Capítulo 09, aula 02
00:11 - Listas mistas e listas de definição
00:51 - Curso grátis de App Inventor
01:54 - Juntando listas de vários tipos
04:11 - Personalizando a lista
05:03 - Misturando OL com UL
06:14 - Uma dica para alterações rápidas
06:55 - Segue a gente no Instagram
07:23 - Criando um terceiro nível
08:47 - Listas de definição
11:15 - O próximo assunto
O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo.
Acesse o material de apoio em PDF:
== GitHub: github.com/gustavoguanabara/h...
Receba notificações de novos vídeos:
== Canal no Telegram: t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: • Curso completo e atual...
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: / gustavoguanabara
== Curso em Vídeo no Instagram: / cursoemvideo
== Hostnet no Instagram: / hostnetbr
== Recode no Instagram: / rederecode
== Estudonauta no Instagram: / estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: www.hostnet.com/cursoemvideo
== RECODE: www.recode.org.br/novidades
== ESTUDONAUTA: www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo01 #C09A02

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

 

13 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 381   
3 года назад
Pessoal, um macete muito interessante é apertar "CTRL+ENTER", fará você ir para uma nova linha mesmo que o cursor do mouse esteja entre .
@Jpaulodelima2
@Jpaulodelima2 3 года назад
Mano, já estava a quase uma hora procurando esse atalho.
3 года назад
@@Jpaulodelima2 que bom que eu ajudei alguém 😁
@Patrick56409
@Patrick56409 3 года назад
@@Jpaulodelima2 Sim velho, estava indignado por não saber como fazer isso
@cesarc5930
@cesarc5930 2 года назад
Seu comentário é muito útil . Eu não aguentava mais de que apertar End + Enter (coisa dos anos 70). Valeu!
@romulonunes7908
@romulonunes7908 2 года назад
salvou minha vida kkkkkkkk
@sobrepower
@sobrepower 3 года назад
Aí pessoal outra dica que facilita no Visual Studio Code. Por exemplo ao Invés de digitar OL depois 4 Li's pode usar o comando ol>li*4 e depois tecla Tab que ele já faz toda a estrutura com os 4 LI's dentro. Isso serve para as outras tags também. Valeu Guanabara pelo ótimo conteúdo estou estudando e retomando o HTML e CSS para ficar afiado.
@alexandrecsx
@alexandrecsx 3 года назад
Boa Felipe, obrigado por compartilhar esse macete conosco! 👏👏👏
@edesiojnr
@edesiojnr 3 года назад
Top hein. Obrigado pela ajuda. Sucesso sempre.
@ericconceicao9132
@ericconceicao9132 3 года назад
obrigado, que Deus te abençoe
@achadinhosdaesthe
@achadinhosdaesthe 3 года назад
Obrigado por compartilhar, ajudou muito a mim e ira ajudar mais outras pessoas !!!
@fernandademeloalves8078
@fernandademeloalves8078 3 года назад
Obrigada ,ajudou muito !!
@mateusboy8601
@mateusboy8601 10 месяцев назад
Caramba! Já aprendi umas coisinhas legais, além dos macetes e atalhos que aprendo nos vídeos e nos comentários... Cheguei no capítulo 09 e percebi que mais da metade da galera já desistiu... (Comparei o número de visualizações com as dos primeiros vídeos). Até então estou firme na jornada. E encorajo quem estiver lendo a continuar firme também. E obrigado, Guanabara, pelo ótimo conteúdo disponibilizado!
@nobyte_art
@nobyte_art 3 года назад
Dica de ouro, pra quem quer ir pra linha de baixo sem quebrar o LI basta apertar CTRL + Enter.
@jeanfserrano
@jeanfserrano 3 года назад
Eu tava pensando se tinha um atalho pra isso agora mesmo! Obrigado pela dica!
@LordR123
@LordR123 2 года назад
valeu!!!
@davim1344
@davim1344 Год назад
mds eu te amo
@naclara..
@naclara.. Год назад
o tanto q eu tava tentando descobrir isso, me salvou mt!
@C4RL0S3DU4RD0
@C4RL0S3DU4RD0 Год назад
valeu
@raip934
@raip934 3 года назад
Sexta feira eu vou poder comprar meu notebook e fazer parte das aulas tô ansioso .
@decapitaregrimm6663
@decapitaregrimm6663 3 года назад
Fico feliz por vc, espero que consiga mesmo
@paulomachadofragamatos6351
@paulomachadofragamatos6351 3 года назад
Força
@EquipeZueiros
@EquipeZueiros 3 года назад
Fico muito feliz em ouvir isso amigo. Esse mês de Dezembro eu vou decidir minha vida, se é comprar um notebook pra estudar programação e inglês ou se vou seguir outro caminho. N desista nunca parceiro
@homosapienssapiens575
@homosapienssapiens575 3 года назад
Parabéns pela aquisição
@filipesander7
@filipesander7 3 года назад
Peça ao Senhor e Ele te dará, Ele é o nosso Papai🙏
@dennisro93
@dennisro93 2 года назад
6:30 uma dica também é baixar a extensão "auto rename tag". Com essa extensão, quando quiser alterar uma tag, é só alterar a abertura da tag, que o fechamento também muda junto.
@LiuShiYunn
@LiuShiYunn 2 года назад
Valeu!! :D
@wolly_hat
@wolly_hat Год назад
dá pra fazer isso só clicando na tag e depois f2 e renomear
@wolly_hat
@wolly_hat Год назад
@Guilherme Rocha fuçando uns tutoriais aleatórios sobre coisas aleatórias as vezes vem com uns conhecimentos aleatórios tipo esse atalho, aí resolvi testar nas tags no vscode e também funcionou
@Louvoresplaybacks99
@Louvoresplaybacks99 Год назад
@Guilherme Rocha eu já tinha lido essa dica aqui nesse mesmo curso do Guanabara, em alguns videos anteriores (não sei exatamente qual). Eu depois de ver a aula completa, leio o capítulo do pdf inteiro, leio tbm todos os comentários, sempre aprendo muitas dicas interessantes e importantes. Quero me tornar um profissional destacado. Mas de todo jeito, vlw WollyHat!!
@PatsFerrer
@PatsFerrer Год назад
Thanks!
@pbiel9357
@pbiel9357 3 месяца назад
Cara eu penei nesse vídeo, acho q fiquei um hora nessa parte de lista dentro de lista, ótimo vídeo!
@clar4mente
@clar4mente 6 месяцев назад
Olha... Esse combo de aulas com macetes mais comentários com macetes é TUDO! Obrigada Guanabara e família Curso em Vídeo por compartilharem seus conhecimentos ❤💻
@Hebaran
@Hebaran 3 года назад
Comecei esse curso de HTML novo, está muito bom, recomendo pra quem ainda não sabe JavaScript, fazer enquanto ele não lança novas aulas de HTML, agrega muito, e querendo ou não, você acaba absorvendo e treinando HTML, e o curso de JavaScript, é sensacional!
@portrasdati5479
@portrasdati5479 3 года назад
Minha primeira fonte de aprendizado, desde 2015! Obrigado, Guanabara!
@gabrielarruda3072
@gabrielarruda3072 Год назад
Fala, professor Guanabara!! Meu, queria agradecer sua dedicação, esse coração que teve uma iniciativa tão legal e que passa conhecimento gostando do que faz. Durante as aulas eu vou dando glória a Deus pela sua vida. Obrigado mesmo, professor. 🚀🤓🖖🏽
@fabianepedrao
@fabianepedrao 7 месяцев назад
Dica para inserir um comentario: Digite sua frase/observacao, selecione o texto e pressione: Shift + alt + A. Isso me ajudou demais. Eu acabo inserindo varios comentarios de atalhos que descobri ou de como melhorar cada tag. Bons estudos pessoal! 🙂
@vinedalves1397
@vinedalves1397 5 месяцев назад
Ou também ctrl + ; eu acho mais rápido
@TairineSan
@TairineSan 2 года назад
Obrigada professor! Continuamos aqui, praticando!
@Filipenocchi
@Filipenocchi 3 года назад
Já conseguimos reconhecer um Geek somente pelos jogos (Final Fantasy, Castlevania).
@jacirasilva1639
@jacirasilva1639 3 года назад
O anime de Castlevania ficou muito bom
@notechad1746
@notechad1746 3 года назад
obrigado pela dedicação, caro professor Guanabara
@renanmotadasilva9179
@renanmotadasilva9179 2 года назад
É incrível como eu estou aprendendo bem o conteúdo, tive experiências ruins em cursos na minha cidade que me fizeram desistir da área a 6 anos, e este curso está incrível didática fantástica!
@jeonggguk
@jeonggguk 2 года назад
muito obrigado, guanabara! é muito gratificante ver os resultados vindo, compreender o que parece tão difícil de uma maneira tão fácil, você me despertou um interesse que eu jamais imaginaria que tinha. obrigado mesmo!
@isaiasandre9164
@isaiasandre9164 2 года назад
Maravilha mestre Guanabara, estudando direitinho, chegarei lá em breve! Muito obrigado.
@BaptistaFigueira
@BaptistaFigueira Месяц назад
Para ser sincero Gustavo Guanabara é o melhor professor da área de T.I do RU-vid a nível mundial
@albinogomesleal860
@albinogomesleal860 Год назад
Aula Maravilhosa, Muito obrigado Guanabara ! Mais uma vez, meus PARABÉNS.
@saindodamatrix3597
@saindodamatrix3597 11 месяцев назад
Curso maravilhoso, nota 1000, só gratidão🙏
@pliniopereira3313
@pliniopereira3313 3 года назад
Estou aprendendo muito nesse curso! Muito animado!
@matheusantonioalves
@matheusantonioalves Год назад
Aula assistida com sucesso! ✅ Uma melhor do que a outra, muito bem explicado. Parabéns, Guanabara! E muito obrigado por compartilhar conosco seu conhecimento e experiência!
@lyrisnunes3982
@lyrisnunes3982 2 года назад
melhor prof do mundoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo luz no seu caminnho que DEUS POSSA TE DAR EM DOBRO SEMPRE
@thiagoinformatica05
@thiagoinformatica05 Год назад
Olá Gustavo só tenho a agradecer, Deus abençoe!
@victor-couto
@victor-couto 2 года назад
Vim pra aprender HTML/CSS e saí com um gigantesco sentimento de nostalgia quando fiz minha própria lista de jogos
@WillianMoraisSilva
@WillianMoraisSilva 3 года назад
Excelente aula!! Obrigado.
@ildomardomdom8463
@ildomardomdom8463 Год назад
mano, que fantástico estou gostando muito...
@berguimm
@berguimm Год назад
cara eu tava estudando fiz desse jeitundo juntando as listas e agora vem o conteúdo que massa
@joelcioborges2570
@joelcioborges2570 7 месяцев назад
Gostei muito da Aula. Estou gostando Muito.
@daiaanebarbosaf
@daiaanebarbosaf 3 года назад
Estou amando essas aulas
@evandrojunior8608
@evandrojunior8608 Год назад
mais uma vez GG muito Obg pelo conteúdo valioso que tem nos repassando com tanta dedicação e responsabilidade
@zatanna1563
@zatanna1563 Год назад
Eu estou aprendendo bastante com esse curso, eu não sabia nada relacionado a esses assunto, mal sabia usar o computador, e aos poucos to conseguindo. ❤
@diogomarinhoti_dev
@diogomarinhoti_dev 3 года назад
Parabéns pelo conteúdo, assistindo agora
@SoaresGaucho
@SoaresGaucho 3 года назад
SENSACIONAL! Tô curtindo demaais!
@AmauriBrito
@AmauriBrito Год назад
Obrigado Guanabara pelo esforço e por ter nos ajudado muito!! Logo logo Serei um Apoiador do Seu Canal! Valew
@giovanesouza6017
@giovanesouza6017 Год назад
Parabéns! muito bom!
@flaviomartinelle8442
@flaviomartinelle8442 3 года назад
Boa aula, professor Guanabara é 1000
@dannyel9573
@dannyel9573 2 года назад
muito legal suas aulas , parabéns
@diegorocha8164
@diegorocha8164 Год назад
Vlw pela aula
@The25dudu1
@The25dudu1 2 года назад
Aprendendo agora em pleno Sabado, 04:35 Da madrugada, Gostei muito de suas aulas pronto para a próxima professor!
@isadorasantos6145
@isadorasantos6145 3 года назад
Muito bom mesmo!
@professorfabioaparecido2234
@professorfabioaparecido2234 3 года назад
Parabéns pelo curso
@andreluiz7693
@andreluiz7693 3 года назад
Aula incrível Guanabara!
@wesleyoliveira8057
@wesleyoliveira8057 Год назад
seguindo firme nos estudos
@Guiihsilvaofcc
@Guiihsilvaofcc Год назад
amando seu conteúdo Guanabara, cara sensacional, esse atalho do ALT salvou minha vida kkk
@umestudantedeti9072
@umestudantedeti9072 3 года назад
Excelente conteúdo..
@oompa-loompa
@oompa-loompa Год назад
Obrigado pelo vídeo!
@cavalheiroalimac
@cavalheiroalimac 3 года назад
Top demais.
@RodrigoSilva-jk4gf
@RodrigoSilva-jk4gf 3 года назад
Curso muito bom ...
@hebergoncalves4981
@hebergoncalves4981 Год назад
Obrigado!
@enandorta6785
@enandorta6785 3 года назад
Aula top!
@joaosf8379
@joaosf8379 3 года назад
Guanabara é uma máquina ambulante de conhecimento kkkk, o cara sabe várias linguagens e tals, eu pra dominar uma já tá sendo uma luta kkkk
@JosimarioSilvaS
@JosimarioSilvaS 16 дней назад
Mas o mano Guanabara já tem uma boa idade, nós somos novos ainda temos realmente o que aprender, nem dá pra comparar duas pessoas com idades diferentes e com experiências diferentes.
@aetosaso
@aetosaso 2 года назад
Pra quem usa o Emmet, um atalho muito bom é o li*4 (ele já cria vários li de uma vez). Da pra melhorar e fazer um ol>li*4 [Já cria um bloco de código, só editar)
@henriquepicanco97
@henriquepicanco97 Год назад
Caraca, que atalho fantástico!
@emersonguilhermelourenco893
@emersonguilhermelourenco893 3 года назад
Muito bom!!!!
@tiomidas-44
@tiomidas-44 3 года назад
01:06 gostei da ideia, já que quero atuar na área de programação
@PREPARATORIOESA
@PREPARATORIOESA Год назад
Muito bom ❤❤❤❤
@GuilhermeSilva-yp4fe
@GuilhermeSilva-yp4fe 2 года назад
ótima aula!
@kiritosenpai8082
@kiritosenpai8082 2 года назад
esse macete do alt,bem legal
@brito3559
@brito3559 Год назад
Guanabara você é top!!!
@user-ux1jo3tg3l
@user-ux1jo3tg3l Год назад
Great tutorial! Super easy to understand!
@dzoiu
@dzoiu Год назад
O cara é brabo nos vídeos e nos PDFs
@antoniohbc7564
@antoniohbc7564 2 года назад
Estou fazendo um capitulo por dia para n saturar muito. eu estava mais avançado só que comecei a esquecer as coisas tipo por Favicon ou uma Sub legenda , Emojis. pois estava fazendo as aulas e não estava anotando kkk. voltei tudo de novo. agora leio PDF anoto todas as perguntas do PDF e respondo, depois venho para o Vídeo Faço as atividades junto com Mestre. e depois faço algumas anotações a mais tipo Tags e atalho e comandos
@user-ce7re4bl4x
@user-ce7re4bl4x 9 месяцев назад
Como tá indo sua vida profissional dps de 2 anos?
@noobmaster7687
@noobmaster7687 14 дней назад
ja virou junior?
@noobmaster7687
@noobmaster7687 14 дней назад
to comencando agora
@antoniohbc7564
@antoniohbc7564 14 дней назад
@@noobmaster7687 poxa mano tive vários imprevisto que tive que parar, mas vai firme mano pq e uma area que paga muito bem e vc tem sua liberdade de ser seu patão
@leaords8538
@leaords8538 Год назад
obg pelo curso de html e css ❤❤❤❤❤❤
@marcusribeiro5759
@marcusribeiro5759 Год назад
show!!
@tiomidas-44
@tiomidas-44 3 года назад
Eu tou fazendo o curso de python ainda, mais vou ver e entendo isso um pouco
@felipeferreiratech
@felipeferreiratech 3 года назад
Brabo demais!!
@hebermarques6912
@hebermarques6912 2 года назад
Parabéns Guanabara!
@arthursilva6951
@arthursilva6951 Год назад
Forças, pessoal! Continuem firmes e bons estudos!
@joseramires5865
@joseramires5865 Год назад
ok, fazer essa lista dos meus jogos favoritos fez a nostalgia bater forte
@rafaekamorim9748
@rafaekamorim9748 3 года назад
Obrigado!!
@dhiegoaraujo4021
@dhiegoaraujo4021 Год назад
top!
@contaassinante5984
@contaassinante5984 3 года назад
Terá novo curso de PHP após esse? O antigo de PHP tá no 5 ainda e vem depois do curso de html antigo. Então, faz sentido ser PHP após HTML
@adail.programador
@adail.programador 3 года назад
Up
@tijolinhostt1529
@tijolinhostt1529 3 года назад
claro que nao kkkkkk, se vir é la pra 2022
@inteligencianaoartificialb3349
@inteligencianaoartificialb3349 3 года назад
Eu queria mesmo era um curso de Assembly. Não quase nada sobre na internet. Compilar um .asm no windows é um inferno.
@user-do2st3fs3r
@user-do2st3fs3r 8 месяцев назад
Top
@robsonromano3967
@robsonromano3967 3 года назад
Obrigado.
@marinabueno8108
@marinabueno8108 3 года назад
Guanabara, sem dúvidas é o melhor!
@luthiellequeiroz405
@luthiellequeiroz405 2 года назад
mto bom sou teu fa
@melissaalvez6297
@melissaalvez6297 2 года назад
boa aulaaaaaa
@OSamuca_Trader
@OSamuca_Trader Год назад
ótimo vídeo, como sempreeeeeeeeeeeeeeeeeeeee.
@slayerdesignerbr
@slayerdesignerbr 3 месяца назад
Vamoos!!!❤
@libiomartins8798
@libiomartins8798 Год назад
Aula muito boa. Tambem joguei bastate ninja gaiden no nes kkkkk
@mauriciodiniz3439
@mauriciodiniz3439 3 года назад
Também sou apaixonado pelo PHP ;)
@henriqueibarreta8796
@henriqueibarreta8796 2 года назад
Macetinho brabo esse de segurar alt
@brenolima._
@brenolima._ Год назад
valeuuu !
@paulosxb
@paulosxb 3 года назад
Show
@arnoldcainan5832
@arnoldcainan5832 3 года назад
TOP D+ GUANABARA!!!!!!!!!!!!!!!!!!!!!!
@jeancardoso6190
@jeancardoso6190 Год назад
parabens
@mezack4729
@mezack4729 2 года назад
Firme e forte... Parabéns Guanabara!! "grande gafanhoto"...rsrs
@Sidney_Oliveira50
@Sidney_Oliveira50 2 месяца назад
show
@ALVINMAN452
@ALVINMAN452 3 года назад
Obrigado Guanabara.
@VolnirBorre1
@VolnirBorre1 3 года назад
Guanabara é um guerreiro! Dá pra perceber que ele gravou esses vídeos mesmo doente, com COVID 19
@jacirasilva1639
@jacirasilva1639 3 года назад
O anime que fizeram de Castlevania ficou muito bom
@leandrolima7801
@leandrolima7801 3 года назад
Interessante que os jogos que o Guanabara mais jogou (e/ou gostou) foram os jogos que eu mais joguei/gostei tbm haha Só mudou no PlayStation 1 que alterei para Atlantis (depois que zerei não joguei mais tanto, mas gostava) e Resident Evil (qualquer um).
@Podcast.1234
@Podcast.1234 Год назад
toppp
@leomargomes2391
@leomargomes2391 5 месяцев назад
📝 : A tag em HTML é usada para criar uma lista de definições, que é uma lista de pares de termos e descrições. É comumente usada para implementar um glossário ou exibir metadados (uma lista de pares de chave e valor. HTML Linguagem de Marcação de Hipertexto CSS Folhas de Estilo em Cascata Neste exemplo, HTML e CSS são os termos (definidos pela tag ) e Linguagem de Marcação de Hipertexto e Folhas de Estilo em Cascata são as descrições correspondentes (definidas pela tag ). ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- : A tag (Elemento HTML de Definição de Termo) identifica um termo na lista de definição. Este elemento pode ocorrer somente em um elemento filho de . Geralmente é seguido por um elemento ; ou múltiplos na mesma linha indicam vários termos sendo definidos pelo próximo elemento . A tag (Elemento Detalhes da Descrição) fornece detalhes ou uma definição mais completa do termo precedente (definido por ) numa lista de descrições () . Termo 1 Definição do Termo 1 Termo 2 Definição do Termo 2 Neste exemplo, “Termo 1” e “Termo 2” são os termos definidos e “Definição do Termo 1” e “Definição do Termo 2” são suas respectivas definições. --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
@dopperfall8047
@dopperfall8047 3 года назад
E a partir daqui as coisas começam a ficar mais interessantes
@Ludovicomc
@Ludovicomc 2 года назад
Clipper! Melhor linguagem de todos os tempos. Aliás, certeza que Guido van Rossum foi clippeiro. ahahahhahahah,,,,
@rogerioreis2892
@rogerioreis2892 Год назад
👏👏
@TheLucas2011lucas
@TheLucas2011lucas Год назад
quebrei a cabeça na lista com sublistas , ficou assim pra eu entender jogos
@saliusoficial
@saliusoficial 10 месяцев назад
finalizado
Далее
Links internos - @Curso em Vídeo HTML5 e CSS3
15:08
Просмотров 311 тыс.
Each found a feeling.#Short #Officer Rabbit #angel
00:17
ОВР Шоу: Друг-душнила @ovrshow_tnt
11:15
Estilos CSS inline - @Curso em Vídeo HTML5 e CSS3
16:13
Listas OL e UL - @Curso em Vídeo HTML5 e CSS3
12:32
Просмотров 309 тыс.
FLEXBOX: Guia Completo para Iniciantes em CSS
19:14
Просмотров 9 тыс.
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Просмотров 637 тыс.
Citações e Códigos - @Curso em Vídeo HTML5 e CSS3
19:26