Embed Size (px)
Citation preview
Plano de Aula - HTML5 - cód. 512716 Horas/Aula
Aula 1Capítulo 1 - Introdução
1. Introdução .............................................................................................. 171.1. O que é o HTML5 ................................................................................ 191.2. Início do HTML5 ................................................................................. 201.3. Suporte do Navegador para HTML5 ................................................... 201.4. Tags ...................................................................................................... 211.4.1. <!DOCTYPE..................................................................................... 211.4.2. <html>...</html> .............................................................................. 221.4.3. <head>...</head ................................................................................. 221.4.4. <title>...</title ................................................................................... 22
Aula 2Continuação do Capítulo 1 -
Introdução
1.4.5. <meta>...</meta ................................................................................ 221.4.6. <body>...</body ................................................................................ 241.4.7. Tags de Cabeçalho ............................................................................ 251.4.8. <p>...</p ............................................................................................ 261.4.9. <div>...</div ..................................................................................... 271.4.10. <hgroup>...</hgroup> .................................................................... 281.4.11. <section>…</section ...................................................................... 291.4.12. <br ................................................................................................... 301.5. Website ................................................................................................. 311.5.1. Protocolos ......................................................................................... 31
Aula 3Capítulo 2 - Formatação de
Texto
2.1. <b>...</b> ............................................................................................ 352.2. <i>...</i> ............................................................................................. 362.3. <em>...</em ......................................................................................... 372.4. <strong>…</strong .............................................................................. 382.5. <dfn>...</dfn> ..................................................................................... 392.6. <abbr>...</abbr .................................................................................... 402.7. <code>...</code .................................................................................... 412.8. <mark>...</mark> ............................................................................... 422.9. <samp>...</samp .................................................................................. 43
Aula 4Continuação do Capítulo 2 -
Formatação de Texto
2.10. <kbd>...</kbd ..................................................................................... 442.11. <var>...</var ....................................................................................... 452.12. <u>...</u ............................................................................................. 462.13. <s>...</s .............................................................................................. 472.14. <sub>...</sub> - <sup>…</sup ......................................................... 482.15. <nav>...</nav ..................................................................................... 492.16. <header>...</header ........................................................................... 50
Aula 5Capítulo 3 - Formatação de
Elementos da Página
3.1. <hr ........................................................................................................ 553.2. <article>...</article> - <aside>...</aside .............................................. 563.3. <address>...</address> ....................................................................... 573.4. <footer>...</footer> ............................................................................ 58
Aula 6Capítulo 4 - Listas
4.1. Recursos para Criação de Listas .......................................................... 634.1.1. <ul>...</ul> ...................................................................................... 634.1.2. <ol>...</ol> ...................................................................................... 644.1.2.1. Atributos Tag <ol ........................................................................... 644.1.3. <dl>...</dl ......................................................................................... 68
Aula 7Capítulo 5 - Links
5.1. <a> ....................................................................................................... 735.1.1. Atributo href ..................................................................................... 735.1.1.1. Link para Conteúdo Externo .......................................................... 735.1.1.2. Link para Conteúdo Interno ........................................................... 735.1.1.3. Link para outro Diretório ............................................................... 745.1.1.4. Link para Correio Eletrônico ......................................................... 755.1.2. Atributo type .................................................................................... 765.1.3. Atributo target ................................................................................... 765.1.4. Atributo media .................................................................................. 785.1.5. Atributo rel ........................................................................................ 79
Aula 8Capítulo 6 - Imagens e Elementos Multimídia
6.1. <img> ................................................................................................... 836.2. <figure>...</figure> .............................................................................. 846.2.1. <figcaption>...</figcaption> ............................................................. 846.3. <details>...</details>............................................................................ 856.3.1. <summary>...</summary> ................................................................ 856.4. <video>…</video> ............................................................................. 866.4.1. Atributos da Tag <video> .................................................................. 876.5. <audio>...</audio> ............................................................................... 906.6. <embed>...</embed> ........................................................................... 91
Aula 9Capítulo 7 - Tabelas
7.1. <table>...</table> ................................................................................ 977.2. Atributos da Tag <table ........................................................................ 987.2.1. Atributo border .................................................................................. 987.2.2. Atributo colspan ................................................................................ 997.2.3. Atributo rowspan ..............................................................................1007.2.4. Atributo headers ...............................................................................101
Aula 10Capítulo 8 - Formulários
8.1. <form>...</form ..................................................................................1078.2. <input> ...............................................................................................1078.2.1. Campos de Texto ..............................................................................1078.2.2. Campo de Senha ..............................................................................1088.2.3. Caixa de Seleção ..............................................................................1098.2.4. Botão de Opção ............................................................................... 1108.2.5. Botão Enviar ................................................................................... 111
Aula 11Continuação do Capítulo 8 -
Formulários
8.3. <textarea>...</textarea ........................................................................ 1128.3.1. Atributos da Tag <textarea ............................................................... 1138.4. <select>...</select ............................................................................... 1188.4.1. Atributos da Tag <select ................................................................... 1188.5. <optgroup>...</optgroup .....................................................................1208.6. <keygen ...............................................................................................121
Aula 12Capítulo 9 - CSS
9.1. Sintaxe CSS ........................................................................................1259.2. Comentários ........................................................................................1279.3. Seletores com ID .................................................................................1279.4. Seletores com Classe ...........................................................................1289.5. Trabalhando com CSS.........................................................................1299.5.1. Folha de Estilo Externo ....................................................................1299.5.2. Folha de Estilo Interno .....................................................................1309.5.3. Estilos Inline ....................................................................................130
Aula 13Capítulo 10 - Javascript
10.1. Como Funciona o Javascript .............................................................13310.2. Javascript ou Java .............................................................................13310.3. <script>...</script ..............................................................................13310.4. Comentários ......................................................................................137
Aulas 14, 15 e 16Capítulo 11 - Exercícios
Práticos
11.1. Exercício 1 ........................................................................................14111.2. Exercício 2 ........................................................................................14211.3. Exercício 3 ........................................................................................14311.4. Exercício 4 ........................................................................................14411.5. Exercício 5 ........................................................................................14511.6. Exercício 6 ........................................................................................14611.7. Exercício 7 ........................................................................................14711.8. Exercício 8 ........................................................................................14811.9. Exercício 9 ........................................................................................14911.10. Exercício 10 ....................................................................................15011.11. Exercício 11 .....................................................................................150
![HTML5 - W3C...HTML4 + CSS 56 HTML5 - Futuro da Web Futuro da Web - HTML5 HTML 5 [HyperText Markup Language] Novos elementos (semânticos) HTML5 + CSS E o que ficou de fora do HTML5?](https://img.document.onl/doc/110x75/5f9769938559bc0a406dee44/html5-w3c-html4-css-56-html5-futuro-da-web-futuro-da-web-html5-html.jpg)
