O documento descreve as principais diferenças e vantagens do HTML5 em relação ao HTML4, incluindo novas tags semânticas como <header>, <nav>, <article>, <footer> e <aside>. Também apresenta novos elementos multimídia como <audio>, <video>, <canvas> e recursos adicionais para formulários e drag-and-drop.
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoAlamo Saravali
O documento introduz o HTML, explicando que é uma linguagem de marcação usada para criar websites e aplicativos. Ele ensina sobre títulos, parágrafos e texto simples em HTML, além de recomendar o Sublime Text para edição de código e pedir um exercício de criação de uma resenha usando essas estruturas HTML.
O documento apresenta uma introdução ao desenvolvimento web com Ruby on Rails, abordando conceitos básicos de HTML, como funcionam requisições HTTP e criação de uma primeira aplicação web simples com Rails.
O documento discute conceitos importantes de layout e estilização em HTML e CSS, como: a importância do layout para a apresentação da página; a utilização de múltiplas colunas e divisões para organizar o conteúdo; e os principais atributos da subclasse de estilo CSS para formatar elementos como fontes, cores, bordas e posicionamento.
O documento apresenta as principais mudanças e novos recursos introduzidos pelo HTML5, resumindo:
1) Novos elementos semânticos como header, footer, nav e article para melhor estruturação da página;
2) Novos tipos de inputs para formulários como date, time, email e número;
3) Suporte incorporado a áudio, vídeo, gráficos vetoriais (SVG) e expressões matemáticas (MathML).
1) O documento apresenta um curso sobre HTML e CSS ministrado por Herbet Ferreira Rodrigues, com introdução à história e conceitos básicos dessas linguagens, além de explicar diversas tags e elementos em HTML.
2) São explicados elementos como cabeçalhos, parágrafos, formatação de texto, inserção de imagens e links, além de tabelas.
3) O curso tem o objetivo de ensinar os principais conceitos e ferramentas de HTML para criação de páginas web.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
O documento resume conceitos básicos de HTML e JavaScript. Explica que HTML é uma linguagem de marcação para estruturar páginas web, enquanto JavaScript permite adicionar interatividade dinâmica. Também define elementos HTML comuns como tags, atributos, formulários e lista. Por fim, apresenta conceitos básicos de programação em JavaScript como variáveis, condicionais, loops, funções e eventos.
O documento apresenta um curso sobre HTML e CSS, introduzindo o que é CSS, como foi criado e sua proposta. Explica como integrar CSS às páginas e formatar conteúdo utilizando propriedades como classes, alinhamento, estilos de fontes e a tag <span>. Fornece detalhes sobre o contato do autor.
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoAlamo Saravali
O documento introduz o HTML, explicando que é uma linguagem de marcação usada para criar websites e aplicativos. Ele ensina sobre títulos, parágrafos e texto simples em HTML, além de recomendar o Sublime Text para edição de código e pedir um exercício de criação de uma resenha usando essas estruturas HTML.
O documento apresenta uma introdução ao desenvolvimento web com Ruby on Rails, abordando conceitos básicos de HTML, como funcionam requisições HTTP e criação de uma primeira aplicação web simples com Rails.
O documento discute conceitos importantes de layout e estilização em HTML e CSS, como: a importância do layout para a apresentação da página; a utilização de múltiplas colunas e divisões para organizar o conteúdo; e os principais atributos da subclasse de estilo CSS para formatar elementos como fontes, cores, bordas e posicionamento.
O documento apresenta as principais mudanças e novos recursos introduzidos pelo HTML5, resumindo:
1) Novos elementos semânticos como header, footer, nav e article para melhor estruturação da página;
2) Novos tipos de inputs para formulários como date, time, email e número;
3) Suporte incorporado a áudio, vídeo, gráficos vetoriais (SVG) e expressões matemáticas (MathML).
1) O documento apresenta um curso sobre HTML e CSS ministrado por Herbet Ferreira Rodrigues, com introdução à história e conceitos básicos dessas linguagens, além de explicar diversas tags e elementos em HTML.
2) São explicados elementos como cabeçalhos, parágrafos, formatação de texto, inserção de imagens e links, além de tabelas.
3) O curso tem o objetivo de ensinar os principais conceitos e ferramentas de HTML para criação de páginas web.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
O documento resume conceitos básicos de HTML e JavaScript. Explica que HTML é uma linguagem de marcação para estruturar páginas web, enquanto JavaScript permite adicionar interatividade dinâmica. Também define elementos HTML comuns como tags, atributos, formulários e lista. Por fim, apresenta conceitos básicos de programação em JavaScript como variáveis, condicionais, loops, funções e eventos.
O documento apresenta um curso sobre HTML e CSS, introduzindo o que é CSS, como foi criado e sua proposta. Explica como integrar CSS às páginas e formatar conteúdo utilizando propriedades como classes, alinhamento, estilos de fontes e a tag <span>. Fornece detalhes sobre o contato do autor.
Este documento explica os conceitos básicos de HTML, incluindo elementos, tags, atributos e aninhamento. Também descreve a estrutura básica de uma página HTML e editores que podem ser usados.
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
O documento apresenta os principais conceitos e comandos básicos da linguagem HTML para criação de páginas web, incluindo tags, atributos, elementos como cabeçalhos, parágrafos, links e imagens.
O documento explica a estrutura básica do HTML, incluindo as tags <html>, <head>, <title> e <body>. Também discute tags comuns como <h1>, <h2>, <h3> e <p> e como elas ajudam a estruturar e dar significado a páginas da web.
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
O documento discute o XHTML, uma linguagem de marcação usada para criar páginas web. Ele explica que o XHTML é baseado no XML e HTML 4.01, e contém tags para estruturar o cabeçalho e corpo da página. Também fornece exemplos de código XHTML com comentários explicando as tags e atributos usados.
O documento descreve a história e evolução das linguagens HTML e CSS. Começa explicando que o HTML foi baseado na linguagem SGML e herdou tags como <h1>-<h6>, <head> e <p>. Também introduziu a tag <a> com o atributo href para permitir links. Posteriormente, a W3C passou a regularizar o padrão HTML.
O documento descreve elementos HTML/XHTML para formatação de texto e imagens, incluindo parágrafos, títulos, listas e imagens. Detalha tags para blocos, descritivos, estilo, listas ordenadas e não ordenadas e como inserir imagens com o elemento <img>.
Java mais ágil que nunca no desenvolvimento WebBruno Borges
1) O documento discute como a combinação de Apache Wicket, Scala e MongoDB permite o desenvolvimento web ágil preservando a separação de responsabilidades entre designers e desenvolvedores.
2) Apache Wicket permite marcação declarativa sem intrusões no HTML do designer e toda a lógica ficar no código Java.
3) Scala adiciona funcionalidade e expressividade ao código Wicket de forma elegante através de construções como DSL.
4) MongoDB é um banco de dados NoSQL orientado a documentos que se integra bem a esta stack por não
Há três maneiras de incluir JavaScript em uma página web: dentro de blocos <SCRIPT>, em arquivos externos importados, ou dentro de descritores HTML sensíveis a eventos para tratar eventos do usuário.
Facelets é um framework de código aberto para criação de páginas JSF que oferece vantagens como templates, composição de componentes e depuração de erros. Ele será incorporado ao JSF 2.0 e substituirá o JSP como linguagem padrão de descrição de páginas.
O documento fornece uma introdução sobre HTML, CSS e HTML5, definindo o que são essas linguagens, sua sintaxe básica e principais tags. Também discute editores, componentes novos em HTML5 como elementos de formulários e validações, além de mostrar exemplos de interação com serviços web.
O documento apresenta as principais linguagens de programação da web, como HTML, CSS e JavaScript. Detalha os conceitos básicos do HTML, como sua criação, estrutura, marcação e primeiros comandos. Explica a estrutura padrão de uma página HTML e como usar tags como <marquee> e <blink>.
O documento introduz os conceitos básicos de HTML, incluindo:
1) HTML é uma linguagem de marcação usada para criar páginas da web;
2) Documentos HTML são compostos por elementos como tags, cabeçalhos, parágrafos e links;
3) Atributos fornecem informações adicionais sobre elementos HTML.
O documento discute tags HTML como <font> para alterar a cor, tipo e tamanho da fonte e tags como <b>, <i> e <u> para estilizar texto em negrito, itálico e sublinhado. Ele também explica como criar listas definidas, não numeradas e numeradas usando tags como <dl>, <ul> e <ol> e como adicionar links internos e externos usando a tag <a>.
O documento discute as novas funcionalidades do HTML5, incluindo novas tags semânticas como <header>, <nav>, <article> e <aside>, que organizam melhor o conteúdo da página. Também apresenta novas tags para mídia como <audio> e <video>, além de novos controles de formulário que substituem código JavaScript.
O documento discute a tag <img> no HTML para inserir imagens em páginas web. Explica como usar os atributos src, alt, width, height e border da tag <img> e como alinhar imagens e texto. Também cobre a tag <audio> para áudio e <video> para vídeo no HTML5, além de como incorporar vídeos do YouTube usando seu código embed.
O documento discute elementos básicos de HTML como títulos, parágrafos, ênfase em texto, imagens, comentários e formatação de texto. Explica as tags <H1> a <H6> para títulos, <p> para parágrafos, <strong>, <em> e <small> para ênfase, <img> e <figure> para imagens e como formatar texto com tags como <font>.
O documento discute tags HTML e CSS importantes para configurar um site, incluindo fontes, footer, formulários, inputs, labels, fieldsets e select. É explicado como escolher fontes, configurar rodapés e como criar formulários complexos com diferentes campos de entrada para coletar dados do usuário.
O documento apresenta uma introdução ao JavaScript, incluindo sua importância no navegador, objetos, variáveis, operadores e DOM. É feita uma explicação sobre objetos internos e personalizados, tipos de variáveis e suas abrangências, operadores matemáticos e de comparação, e como manipular elementos da página usando o objeto document.
O documento descreve as principais características e elementos do HTML5. Apresenta os novos elementos estruturais como <section>, <header> e <footer>, bem como elementos inline como <time> e <meter>. Também explica os novos elementos multimídia <video> e <audio> e as novas entradas de formulário, além de recursos como armazenamento local e geolocalização.
O documento apresenta as principais mudanças e novos recursos introduzidos pelo HTML5, incluindo:
1) Novas tags semânticas como <header>, <nav>, <article> para melhorar a estrutura e semântica das páginas;
2) Novos tipos de formulários como datas, números e validações;
3) Recursos multimídia como áudio, vídeo e acesso à webcam;
4) Incorporação de linguagens como MathML e SVG para expressões matemáticas e gráficos vetoriais.
Este documento explica os conceitos básicos de HTML, incluindo elementos, tags, atributos e aninhamento. Também descreve a estrutura básica de uma página HTML e editores que podem ser usados.
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
O documento apresenta os principais conceitos e comandos básicos da linguagem HTML para criação de páginas web, incluindo tags, atributos, elementos como cabeçalhos, parágrafos, links e imagens.
O documento explica a estrutura básica do HTML, incluindo as tags <html>, <head>, <title> e <body>. Também discute tags comuns como <h1>, <h2>, <h3> e <p> e como elas ajudam a estruturar e dar significado a páginas da web.
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
O documento discute o XHTML, uma linguagem de marcação usada para criar páginas web. Ele explica que o XHTML é baseado no XML e HTML 4.01, e contém tags para estruturar o cabeçalho e corpo da página. Também fornece exemplos de código XHTML com comentários explicando as tags e atributos usados.
O documento descreve a história e evolução das linguagens HTML e CSS. Começa explicando que o HTML foi baseado na linguagem SGML e herdou tags como <h1>-<h6>, <head> e <p>. Também introduziu a tag <a> com o atributo href para permitir links. Posteriormente, a W3C passou a regularizar o padrão HTML.
O documento descreve elementos HTML/XHTML para formatação de texto e imagens, incluindo parágrafos, títulos, listas e imagens. Detalha tags para blocos, descritivos, estilo, listas ordenadas e não ordenadas e como inserir imagens com o elemento <img>.
Java mais ágil que nunca no desenvolvimento WebBruno Borges
1) O documento discute como a combinação de Apache Wicket, Scala e MongoDB permite o desenvolvimento web ágil preservando a separação de responsabilidades entre designers e desenvolvedores.
2) Apache Wicket permite marcação declarativa sem intrusões no HTML do designer e toda a lógica ficar no código Java.
3) Scala adiciona funcionalidade e expressividade ao código Wicket de forma elegante através de construções como DSL.
4) MongoDB é um banco de dados NoSQL orientado a documentos que se integra bem a esta stack por não
Há três maneiras de incluir JavaScript em uma página web: dentro de blocos <SCRIPT>, em arquivos externos importados, ou dentro de descritores HTML sensíveis a eventos para tratar eventos do usuário.
Facelets é um framework de código aberto para criação de páginas JSF que oferece vantagens como templates, composição de componentes e depuração de erros. Ele será incorporado ao JSF 2.0 e substituirá o JSP como linguagem padrão de descrição de páginas.
O documento fornece uma introdução sobre HTML, CSS e HTML5, definindo o que são essas linguagens, sua sintaxe básica e principais tags. Também discute editores, componentes novos em HTML5 como elementos de formulários e validações, além de mostrar exemplos de interação com serviços web.
O documento apresenta as principais linguagens de programação da web, como HTML, CSS e JavaScript. Detalha os conceitos básicos do HTML, como sua criação, estrutura, marcação e primeiros comandos. Explica a estrutura padrão de uma página HTML e como usar tags como <marquee> e <blink>.
O documento introduz os conceitos básicos de HTML, incluindo:
1) HTML é uma linguagem de marcação usada para criar páginas da web;
2) Documentos HTML são compostos por elementos como tags, cabeçalhos, parágrafos e links;
3) Atributos fornecem informações adicionais sobre elementos HTML.
O documento discute tags HTML como <font> para alterar a cor, tipo e tamanho da fonte e tags como <b>, <i> e <u> para estilizar texto em negrito, itálico e sublinhado. Ele também explica como criar listas definidas, não numeradas e numeradas usando tags como <dl>, <ul> e <ol> e como adicionar links internos e externos usando a tag <a>.
O documento discute as novas funcionalidades do HTML5, incluindo novas tags semânticas como <header>, <nav>, <article> e <aside>, que organizam melhor o conteúdo da página. Também apresenta novas tags para mídia como <audio> e <video>, além de novos controles de formulário que substituem código JavaScript.
O documento discute a tag <img> no HTML para inserir imagens em páginas web. Explica como usar os atributos src, alt, width, height e border da tag <img> e como alinhar imagens e texto. Também cobre a tag <audio> para áudio e <video> para vídeo no HTML5, além de como incorporar vídeos do YouTube usando seu código embed.
O documento discute elementos básicos de HTML como títulos, parágrafos, ênfase em texto, imagens, comentários e formatação de texto. Explica as tags <H1> a <H6> para títulos, <p> para parágrafos, <strong>, <em> e <small> para ênfase, <img> e <figure> para imagens e como formatar texto com tags como <font>.
O documento discute tags HTML e CSS importantes para configurar um site, incluindo fontes, footer, formulários, inputs, labels, fieldsets e select. É explicado como escolher fontes, configurar rodapés e como criar formulários complexos com diferentes campos de entrada para coletar dados do usuário.
O documento apresenta uma introdução ao JavaScript, incluindo sua importância no navegador, objetos, variáveis, operadores e DOM. É feita uma explicação sobre objetos internos e personalizados, tipos de variáveis e suas abrangências, operadores matemáticos e de comparação, e como manipular elementos da página usando o objeto document.
O documento descreve as principais características e elementos do HTML5. Apresenta os novos elementos estruturais como <section>, <header> e <footer>, bem como elementos inline como <time> e <meter>. Também explica os novos elementos multimídia <video> e <audio> e as novas entradas de formulário, além de recursos como armazenamento local e geolocalização.
O documento apresenta as principais mudanças e novos recursos introduzidos pelo HTML5, incluindo:
1) Novas tags semânticas como <header>, <nav>, <article> para melhorar a estrutura e semântica das páginas;
2) Novos tipos de formulários como datas, números e validações;
3) Recursos multimídia como áudio, vídeo e acesso à webcam;
4) Incorporação de linguagens como MathML e SVG para expressões matemáticas e gráficos vetoriais.
Apps Web em Wicket e Scala no GlassFish Java EE 6Bruno Borges
O documento discute o desenvolvimento web usando as tecnologias Apache Wicket, Scala e Java EE 6 no servidor GlassFish. Ele aborda como Wicket permite separar as camadas de interface do usuário e lógica de negócios, e como Scala pode ser usado com Wicket para melhorar a produtividade. Também menciona como recursos do Java EE 6 como CDI e Bean Validation podem ser integrados a aplicações Wicket.
1) O documento descreve o que é JavaScript, suas principais características e como incorporá-lo em páginas HTML.
2) Apresenta estruturas de programação como condicionais if/else, switch, loops for/while e funções.
3) Explica o Document Object Model (DOM) e como manipular elementos HTML via JavaScript.
[1] ASP.NET MVC é um framework para desenvolvimento web que implementa o padrão MVC, fornecendo mais controle sobre o código gerado em comparação ao ASP.NET Web Forms. [2] A apresentação discute conceitos como Razor, model binding, validação, filtros e autenticação no ASP.NET MVC. [3] Exemplos práticos demonstram como criar controllers, views e aplicar conceitos como layout, passagem de dados e formulários.
Visão Geral do HTML5 e do Internet Explorer 9Rodrigo Kono
Este documento fornece um resumo sobre HTML 5 e Internet Explorer 9. Apresenta os novos elementos estruturais do HTML 5 como <header>, <footer>, <nav> e <article>. Também discute os novos elementos de mídia como <video> e <audio>, além dos novos controles de formulário. Por fim, fornece recomendações sobre o uso do HTML 5.
O documento descreve as linguagens HTML, CSS e JavaScript usadas no desenvolvimento para a web. Explica que HTML fornece a estrutura semântica das páginas, CSS permite associar estilos aos elementos HTML e JavaScript permite adicionar comportamentos dinâmicos. Detalha os principais elementos HTML como tags, cabeçalhos, parágrafos, links, imagens e formulários.
O documento descreve as linguagens HTML, CSS e JavaScript usadas no desenvolvimento para a web. Explica que HTML fornece a estrutura semântica das páginas através de tags, que CSS permite associar estilos a esses elementos, e que JavaScript permite adicionar comportamentos. Também lista e explica vários elementos e tags importantes de HTML como cabeçalhos, parágrafos, links e tabelas.
Desenvolvendo aplicações web com o framework cakephpRodrigo Aramburu
O documento resume as principais características e funcionalidades do framework CakePHP para desenvolvimento web, incluindo sua arquitetura MVC, o uso de modelos, views e controllers, helpers, components e formulários.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
O documento resume vários artigos sobre HTML5. Apresenta as principais mudanças trazidas pelo HTML5 como novas tags semânticas que melhoram a acessibilidade e a estrutura do código, novas APIs para mídia e formulários e compatibilidade aprimorada entre navegadores. Também discute técnicas para garantir compatibilidade do HTML5 em navegadores mais antigos.
1) O World Wide Web Consortium (W3C) é um consórcio internacional que desenvolve padrões para a criação e interpretação de conteúdos na Web.
2) O W3C tem cerca de 500 membros e foi fundado em 1994 para promover a evolução da Web através de protocolos comuns e fóruns abertos.
3) Os padrões do W3C, conhecidos como Web Standards, orientam a criação de sites acessíveis por qualquer pessoa ou tecnologia.
Este documento descreve como criar e testar requisições GET e POST em Java usando servlets. Ele explica como configurar um projeto com um arquivo HTML, um descritor de implantação e um servlet para lidar com as requisições. O documento também discute quando usar GET versus POST e mostra exemplos de código para obter e exibir parâmetros de requisição.
O documento discute editores HTML, a estrutura de documentos HTML e XHTML, e as diferenças entre HTML e XHTML. Ele explica como páginas da web são criadas e visualizadas, e lista categorias de marcadores HTML como estruturais, estilísticos e descritivos.
O documento descreve a história e características das linguagens HTML e XHTML. Resume que HTML foi criado por Tim Berners-Lee em 1991 para marcar documentos na web e evoluiu através de várias versões. XHTML foi desenvolvido com base em HTML para seguir padrões XML. O HTML5 trará novos recursos como canvas, vídeo e áudio e elementos semânticos para melhorar a estrutura e acessibilidade das páginas.
O documento descreve a história e evolução das linguagens HTML e XHTML para marcação de páginas web. Resume que Tim Berners-Lee criou o HTML em 1991 e desde então passou por várias versões como HTML 2, 3, 4 e atualmente o HTML5 está em desenvolvimento, adicionando novos recursos como áudio, vídeo e elementos semânticos de segmentação de página. O XHTML foi criado com base no HTML 4.1 para seguir padrões XML mais rigorosos.
O documento descreve a história e evolução das linguagens HTML e XHTML para marcação de páginas web. Resume que Tim Berners-Lee criou o HTML em 1991 e desde então passou por várias versões, sendo a mais recente o HTML5 que trará novidades como canvas, vídeo, áudio e elementos semânticos de segmentação como header, article e footer. O XHTML foi criado com base no XML para ser consistente com suas regras.
O documento descreve a história e características das linguagens HTML e XHTML. Resume que Tim Berners-Lee criou o HTML em 1991 e desde então passou por várias versões como HTML 2, 3, 4 e atualmente HTML5 está em desenvolvimento. XHTML foi criado com base no HTML 4.1 seguindo padrões XML para tornar o código mais consistente.
A linguagem C# aproveita conceitos de muitas outras linguagens,
mas especialmente de C++ e Java. Sua sintaxe é relativamente fácil, o que
diminui o tempo de aprendizado. Todos os programas desenvolvidos devem
ser compilados, gerando um arquivo com a extensão DLL ou EXE. Isso torna a
execução dos programas mais rápida se comparados com as linguagens de
script (VBScript , JavaScript) que atualmente utilizamos na internet
As classes de modelagem podem ser comparadas a moldes ou
formas que definem as características e os comportamentos dos
objetos criados a partir delas. Vale traçar um paralelo com o projeto de
um automóvel. Os engenheiros definem as medidas, a quantidade de
portas, a potência do motor, a localização do estepe, dentre outras
descrições necessárias para a fabricação de um veículo
2. HTML 4 x HTML 5 HTML4 não possui tags especificas para melhor divisão do código. No HTML 4 isto é feito por ID
3. Vantagens HTML 5 Otimização da linguagem: Cabeçalho : <!DOCTYPE html > Includes: <script src= “javascript.js”></script> <style src= “estilo.css”></style> Meta: <meta charset= “utf-8” /> Fim de divs
4. Alguns dos novos elementos <header> - Topo da página <nav> - Sessão de navegação <article> - Define um conteúdo externo. Ex: notícia, artigo, texto. <footer> - Rodapé da página <aside> - É utilizada para representar conteúdo que está relacionado com outro conteúdo dentro de um contexto (<article>) <details> - descrever detalhes de um documento, ou trechos <meter> – usada para representar medidas <time> – representa data e/ou hora
5. Audio e HTML5 <audio> Define um som, podendo ser música, podcast, entre outros. Qualquer conteúdo dentro da tag de áudio será um texto alternativo caso o navegador utilizado não suporte a tag. <audio src="musica.mp3"> Seu navegador não suporta o elemento de áudio.</audio> Aributos da tag <audio>: autoplay - execução automática do arquivo após carregamento. Ex:<audio src= “som.mp3” autoplay= “autoplay”></audio> controls - especifica se deve ou não exibir os controles de áudio Ex:<audio src= “som.mp3” controls= “controls”></audio> loop – define o número e vezes que o som será reproduzido Ex:<audio src= “som.mp3” loop= “10”></audio> Para oferecer um formato alternativo de áudio basta inserir a tag source. Ex: <audio controls="true" autoplay="true"> <source src="mus.oga" /> <source src="mus.mp3" /> <source src="mus.wma" /> </audio>
6. Video e HTML5 <video> Define um vídeo. Qualquer conteúdo dentro da tag de áudio será um texto alternativo caso o navegador utilizado não suporte a tag. Essa tag promete aposentar a tag <embed> <video src="musica.mov"> Seu navegador não suporta o elemento de vídeo.</audio> Aributos da tag <video>: autoplay - execução automática do arquivo após carregamento. Ex:<video src= “video.mov” autoplay= “autoplay”></video> controls - especifica se deve ou não exibir os controles de áudio Ex:<video src= “video.mov” controls= “controls”></video> loop – define o número e vezes que o som será reproduzido Ex:<video src= “video.mov” loop= “10”></video> Para oferecer um formato alternativo de vídeo basta inserir a tag source. Ex: <video controls="true" autoplay="true"> <source src="mus.mov" /> <source src="mus.mp4" /> <source src="mus.avi" /> </video>
7. Dialog e HTML5 <dialog> Define um diálogo ou uma conversa. Exemplo de como usar: <dialog> <dt>Pedro</dt> <dd>Oi Lyvia como vai você?</dd> <dt>Lyvia</dt> <dd>Vou bem e você?</dd> <dt>Pedro</dt> <dd>Tudo ótimo!</dd> </dialog>
8. Figure e HTML5 <figure> É utilizada pra inserir uma legenda relacionada a uma imagem, vídeo, áudio, objeto, etc. Exemplo de como usar: <figure> <img src="imagem.jpg" alt="imagem" title="imagem" /> <legend>Figura 1. Este texto tem relação com a imagem acima.</legend> </figure>
9. Canvas e HTML5 <canvas> Elemento gráfico do HTML5. Capaz de criar diversos formatos via javascript. Consegue de maneira fácil criar gráficos, composições de fotos e animações usando JavaScript. Facilita no desenvolvimento de jogos, entre outros. Exemplo de como usar: <canvas id="tutorial" width="300" height="300"></canvas> Incluindo um javascript com as propiedades de formas. Ex: fillStyle, strokeStyle, fillRect,strokeRect , etc.. Página html: http://bit.ly/9PZg7b
10. Formulários Outros tipos da tag <input> no formulário. <input type: ”____”> Segue: search tel url email datetime date month week time datetime-local number range color Estes tipos facilita o preenchimento de dados para os browsers mobile. Ex:
11. Novos recursos para formulários Outros atributos na tag <input> no formulário, antes usado somente em linguagens de servidor como DOT.NET. Segue: autofocus- O foco será colocado neste campo automaticamente ao carregar a página. required- Para tornar um campo de formulário obrigatório (seu valor precisa ser preenchido). maxlenght – Com HTML5 também é permitido usar este atributo no textarea placeholder- Ele mostra um texto em cinza clarinho na área de texto que desaparece quando o textarea está em foco ou tem algum valor. Antes só era possível com javascript. http://bit.ly/9PZg7b
12. Validações de formulários Facilita o processo de validação tornando automática no HTML5. pattern- permite definir expressões regulares de validação, sem Javascript . Ex: <label for="CEP">CEP:<input name="CEP" id="CEP" required pattern="{5}-?{3}" /></label> novalidate – quando precisa que o formulário não seja validado. Inserir o atributo no form. formnovalidate- quando necessita que o formulário não seja validado dependendo da ação de submit. Pode usar no botão de submit este atributo. Ex: <input type="submit" name="action" value="Salvar rascunho" formnovalidate>
13. Validações de formulários Facilita o processo de validação tornando automática no HTML5. oninput- O evento é disparado quando algo é modificado no valor de um campo de formulário. Diferente de onchange, que é disparado ao final da edição, oninput é disparado ao editar. É diferente também de onkeyup e onkeypress, porque vai capturar qualquer modificação no valor do campo, feita com mouse, teclado ou outra interface qualquer. <label>CPF: <input name="cpf" oninput="vCPF(this)" /></label>
20. Uma maneira de permitir que o Internet Explorer suporte HTML5, mas não é garantido para todas as funcionalidades, é usar o seguinte script de código aberto: <!--[if IE]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> Burlando a Compatibilidade do IE