Html5
-
Upload
elcio-ferreira -
Category
Documents
-
view
563 -
download
0
description
Transcript of Html5
![Page 1: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/1.jpg)
HTML5elcio@visie com br. .
![Page 2: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/2.jpg)
HTML
JS CSS
Server Programing
![Page 3: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/3.jpg)
Mark-up
JS CSS3
Server Programing
APIs
HTML5
![Page 4: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/4.jpg)
Mark up-
![Page 5: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/5.jpg)
Mark up-<!DOCTYPE HTML>
<html lang='pt-BR'>
<head>
<meta charset='UTF-8'>
<title>Produto</title>
</head>
<body>
![Page 6: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/6.jpg)
Mark up-
<header>
<hgroup>
<h1><a href='/'>Projeto</a></h1>
<h2>Um projeto HTML5</h2>
</hgroup>
<nav>
<li><a href='/'>Home</a></li>
<li><a href='/projeto'>Projeto</a></li>
<li><a href='/contato'>Contato</a></li>
</nav>
</header>
![Page 7: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/7.jpg)
Mark up-<section>
<article>
<h3>Sobre o Produto</h3>
<p>...</p>
</article>
<aside>
<h4>Links relacionados</h4>
<nav>
<li><a href='top1'>Tópico 1</a></li>
<li><a href='top2'>Tópico 2</a></li>
</nav>
<aside>
</section>
![Page 8: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/8.jpg)
Mark up-<section>
<h5>Fale conosco:</h5>
<form>
<label>Nome <input required
/></label>
<label>E-mail <input type='email'
required /></label>
<label>URL <input type='datetime'
required /></label>
</form>
</section>
![Page 9: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/9.jpg)
Mark up-<footer>
<h6>Produto</h6>
<address>Rua Tal, 0</address>
</footer>
</body>
</html>
![Page 10: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/10.jpg)
Novos Tipos de Campos
![Page 11: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/11.jpg)
Demonstracao
![Page 12: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/12.jpg)
Conteudo Editavel
![Page 13: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/13.jpg)
Drag and Drop- -
![Page 14: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/14.jpg)
Aplicacoes Offline
![Page 15: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/15.jpg)
Demonstracao
![Page 16: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/16.jpg)
SVG
![Page 17: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/17.jpg)
Demonstracao
![Page 18: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/18.jpg)
History
![Page 19: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/19.jpg)
Demonstracao
![Page 20: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/20.jpg)
Geolocation
![Page 21: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/21.jpg)
Demonstracao
![Page 22: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/22.jpg)
Detalhes
● <input oninput=”trata(this)”>● elm.scrollIntoView()● elm.innerHTML='<p>Teste</p>'● document.querySelector('#titulo')● document.head
![Page 23: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/23.jpg)
Audio e Video
![Page 24: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/24.jpg)
Demonstracao
![Page 25: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/25.jpg)
Posso usar isso hoje?
![Page 26: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/26.jpg)
modernizr js e .progressive enhancement
![Page 27: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/27.jpg)
tableless com br html5. . /
diveintohtml5 org.
![Page 28: Html5](https://reader034.fdocumentos.tips/reader034/viewer/2022051515/54c8058b4a79593e098b45ab/html5/thumbnails/28.jpg)
Obrigado!elcio@visie com br. .