Recomendados
Mais conteúdo relacionado
Semelhante a Html e além
Semelhante a Html e além (20)
Html e além
- 1. HTML e além
- 2. Quem sou eu? • Vinicius Cavalcante (@vinicaval) • Dev@Lambda3 • Ama Js <3 • Jogador de Fifa e Rocket League • Pai de 3 gatos
- 3. Agenda • O que é HTML? • Tags • O que são? • Onde vivem? • O que fazem? • Web Semântica • Exemplos • Referências • #PartiuExercicios • Dúvidas?
- 5. Criador Sir Tim Berners Lee • Inventou internet
- 6. O html era assim
- 7. O que é HTML? • Linguagem de marcação de hipertexto(HyperText Markup Language) • Significado e propósito • Estruturação da informação
- 9. Tags
- 10. Tags • A grande maioria tem abertura e fechamento • <a> </a> • <span></span> • <div></div> • <html></html> • Existem as que se fecham sozinhas • <input /> • <br /> • <img/>
- 11. Tags • Possuem atributos • Alt • Href • Class • Style • Label • Name • Data-attributes(NOVO)
- 12. Tags - Funções Alguns exemplos de tags estruturais • html • head • body • title • meta • style
- 13. Tags - Funções Alguns exemplos de tags para marcação de texto • H1 ao H6 • P • strong • ul > li • ol > li
- 14. Tags - Funções Alguns exemplos de tags para marcação de formulários • Form • Label • input • select • button
- 15. Tags
- 17. Tabelas • http://www.ghostweb.com/ • http://www.savewalterwhite.com/ • http://www.cowdance.com/ • http://www.webpagesthatsuck.com/worst-web-sites-of-2008-old- school.html
- 19. Web Semântica
- 20. Web Semântica • Dar mais significado/sentido para as informações na web
- 21. Web Semântica • Header • Nav • Footer • Article • Section • Aside
- 23. Web Semântica • http://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr- acessibilidade-web-fasciculo-I.html • Wai-aria
- 24. #PartiuExercicios - Onde estão os hn? - Quais são os hn?
- 25. #PartiuExercicios Como seria essa página de revista em html?
- 26. #PartiuExercicios • https://www.warnerbros.com/archive/spacejam/movie/jam.htm • Crie arquivos html para cada uma das páginas desse site, se atentando a semântica
- 28. Perguntas?