Html5 em 30 minutos
•
0 likes•1,151 views
HTML5 was proposed in 2004 to extend HTML. Major browsers began implementing HTML5 between 2010-2011. Key features of HTML5 include new form input types like email and date, audio and video elements, and a simplified doctype of <!DOCTYPE html>. While many new features were added, some HTML and XHTML attributes were left out of the HTML5 specification.
Recommended
More Related Content
Similar to Html5 em 30 minutos
Similar to Html5 em 30 minutos (20)
More from Reinaldo Ferraz
More from Reinaldo Ferraz (20)
Recently uploaded
Recently uploaded (20)
Html5 em 30 minutos
- 1. 30 minutos de HTML5 Reinaldo Ferraz
- 5. 5 • 1991 – html tag – Tim Berners Lee 1994 – HTML 2 - já incluia tag <img> 1997 – HTML 3.2 1999 – HTML 4.01 2000 – XHTML 1.0 2001 – XHTML 1.1 – CSS 20... – Ian Hickson (Opera) propõe estender HTML: Web Forms 2.0, Web Apps 1.0 2004 – Apple, Mozilla e Opera criam WHAT WG (Web Hypertext Application Technology Working Group) 2007 – W3C retorna HTML Working Group 2009 – W3C descontinua XHTML 2010-2011 – Apple, Google, Microsoft, Mozilla e Opera implementam HTML5 HTML 5 [HyperText Markup Language]
- 7. 7 HTML5 - Futuro da Web WEB 2001
- 8. 8 HTML5 - Futuro da Web WEB 2011
- 9. Por quê?
- 10. 10
- 11. 11 Html5test.com
- 12. 12
- 14. 14 DOCTYPE
- 15. 15 HTML5 - Futuro da Web Doctype: HTML4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 16. 16 HTML5 - Futuro da Web <!DOCTYPE html>
- 19. Formulários
- 21. <SCRIPT LANGUAGE="JavaScript"> var now = new Date(); var month_array = new Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Out ubro","Novembro","Dezembro"); document.write("<form name=date_list><table bgcolor=silver><tr><td>"); document.write("<select name=month onchange=change_month(this.options.selectedIndex)>"); for(i=0;i<month_array.length;i++) { if (now.getMonth() != i) {document.write ("<option value="+i+">"+month_array[i]);} else {document.write ("<option value="+i+" selected>"+month_array[i]);} } document.write("</select>"); document.write("</td><td>"); document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>"); for(i=1950;i<3000;i++) { if (now.getYear() != i) {document.write("<option value="+i+">"+i);} else {document.write("<option value="+i+" selected>"+i);} }
- 23. <input type=datetime>, <input type=month>, <input type=week>, <input type=time>, <input type=datetime-local> Correm o risco de ficar fora da especificação final.
- 24. <input type=“email”> <input type=“url”> <input type=“tel”>
- 28. Áudio e Vídeo
- 29. <video controls=“controls” autoplay=“autoplay” > <source src=“video.OGV” type=“video/ogg”> <source src=“video.webm" type="video/webm"> <source src=“video.MP4” type=“video/mp4”> </video>
- 34. Browsers desktop
- 35. Browsers mobile
- 37. E o que ficou de fora do HTML5?
- 38. abbr, align, allowtransparency, archive, background, bgcolor, border, cellspacing, classid, clear, code, codetype, color, compact, frameborder, height, hspace, link, marginbottom, marginheight, marginleft, marginright, margintop, marginwidth, noshade, nowrap, profile, rev, rules, scheme, scrolling, size, standby, target, text, urn, valign, valuetype, version, vlink, vspace, width
- 39. abbr, align, allowtransparency, archive, background, bgcolor, border, cellspacing, classid, clear, code, codetype, color, compact, frameborder, height, hspace, link, marginbottom, marginheight, marginleft, marginright, margintop, marginwidth, noshade, nowrap, profile, rev, rules, scheme, scrolling, size, standby, target, text, urn, valign, valuetype, version, vlink, vspace, width