Desarrollo Cuestionario HTML5

Desarrollo cuestionario HTML5 1
Desarrollo Cuestionario HTML5
Presentado Por:
Johan Leonardo Alarcon De La Flor
Tutor:
Julián Ernesto Trespalacios
Servicio Nacional de Aprendizaje (SENA)

Centro Biotecnológico del Caribe
Análisis y Desarrollo de Sistemas de Información
Colombia
2018
1. What is HTML5?
HTML5 will be the new standard for HTML. The previous version of HTML, HTML
4.01, arrived in 1999.
The Internet has changed significantly since then. HTML5 is designed to offer almost
everything you want to do online without requiring additional add-ons, it does everything
from animation to applications, music and movies, and can also be used to create complicated
applications that run in your browser.
It is also cross-platform (it does not matter if you are using a tablet or a smartphone, a
netbook or a smart TV). It can also be used to write web applications that still work when you
are not connected.
The working group includes AOL, Apple, Microsoft, Mozilla, IBM, Opera and hundreds
of other Sellers.
2. How did HTML5 start?

HTML5 is the cooperation between the Word Wide Web consortium (W3C) and the web
hypertext application technology working group (WHATWG).
WHATWG was working with web forms and applications and W3C was working with
XHTML 2.0 in 2006, they decided to cooperate and create a new HTML version.
3. New HTML5 rules were established:

 New features should be based on HTML, CSS, DOM and JavaScript
 Reduce the need for external plugins (like, flash)
 Better error handling
 More marked to replace the scripts
 HTML5 must be independent of the device
 The development process must be visible to the public
4. The HTML5 <IDOCTYPE>

In HTML5 there is only one <idotype> declaration, and it is very simple:
<IDOCTYPE> html>
Minimum HTML5 document Below is a simple HTML5, document, with the minimum of
required tags:
 <IDOCTYPE> html>
 <html>
 <head>
 <meta charset=” UTF-8”>
 <title>Title of the document</title>
 </head>
 <body>
 Content of the document
 </body>
 <html>
5. These are the new features of HTML5

 Web storage with sessionStorage and localStorage
 CSS transitions
 Databases in local SQL SQL DATABASE and Indexed DB
 For heavy CPU operations, use Web Workers.
 HTML5 form attributes and inputs
 Use CSS3 effects instead of requesting heavy image sprites
 Web Sockets for faster delivery, with less bandwidth than XHR
 Clear use of cache for active sites, not just offline applications
 JavaScript enhancements lend significant performance advantages
6. Which browsers support HTML5

The most recent versions of the most popular browsers on the market support HTML5.
Among them: Internet Explorer 9 (much improved in IE10), Firefox 9, Chrome 16, Safari 5.1
and Opera 11.60.
7. HTML5 References
At W3Schools you will find complete references about tags, global attributes, standard
events, and more.
8. The New Elements in HTML5

To better manage the current needs of the internet, HTML5 has included new elements to
draw graphics, show image and sound, to improve the structure of the pages and better
manage the forms, as well as new APIs to drag and drop, to find your position geographic, to
store local data, etc.
9. The new element <canvas>
Label Description
<canvas> Defines graphic drawings using JavaScript
10. New Media Elements
Label Description
<audio> Defines sound or music content
<video> Define video content or smovie
<source> Defines sources for <video> and <audio>
<track> Define routes for <video> and <audio>
<embed> Defines containers for external applications (such as plug-ins)
11. New Form elements
Label Description
<datalist> Defines predefined options for an input text box.
<keygen> Defines a keyword generator field (for sending keys through forms)
<output> Defines the result of a calculation
12. HTML5 Canvas

The HTML <canvas> element is used to draw graphics on a web page.
The graphic to the left is created with <canvas>. It shows four elements: a red rectangle, a
gradient rectangle, a multicolor rectangle, and a multicolor text.
13. What is HTML Canvas?

The HTML <canvas> element is used to draw graphics, on the fly, via JavaScript. The
<canvas> element is only a container for graphics. You must use JavaScript to draw the
graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding
images.
14. Browser Support

The numbers in the table specify the first browser version that fully supports the <canvas>
element.
15. What is SVG?

 SVG stands for Scalable Vector Graphics
 SVG is used to define graphics for the Web
 SVG is a W3C recommendation
The HTML <svg> Element
 The HTML <svg> element is a container for SVG graphics.
 SVG has several methods for drawing paths, boxes, circles, text, and graphic images.
GLOSSARY
 Attribute: Atributo
 Browser: Navegador
 Content: Contenido
 Current: Actual
 Data: Información
 Draggable: Arrastrable
 Draw: Dibujar
 Established: Establecidas
 Event: Evento
 Features: Características
 File: Archivo
 Graphic: Grafico
 Handling: Encabezado
 Location: Ubicación
 Manipulate: Manipulación
 Playing: Reproducir
 Rules: Reglas
 Should: Debería
Bibliographic references
http://www.edu4java.com/es/web/html5-nuevos-elementos.html
https://www.w3schools.com/html/html5_canvas.asp

Desarrollo Cuestionario HTML5

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Desarrollo Cuestionario HTML5

Transféré par

Droits d'auteur :

Formats disponibles

Desarrollo cuestionario HTML5 1

Desarrollo Cuestionario HTML5

Servicio Nacional de Aprendizaje (SENA)

2. How did HTML5 start?

3. New HTML5 rules were established:

4. The HTML5 <IDOCTYPE>

5. These are the new features of HTML5

6. Which browsers support HTML5

8. The New Elements in HTML5

9. The new element <canvas>

<canvas> Defines graphic drawings using JavaScript

10. New Media Elements

<audio> Defines sound or music content

<video> Define video content or smovie

<source> Defines sources for <video> and <audio>

<track> Define routes for <video> and <audio>

<embed> Defines containers for external applications (such as plug-ins)

11. New Form elements

<datalist> Defines predefined options for an input text box.

<output> Defines the result of a calculation

12. HTML5 Canvas

13. What is HTML Canvas?

14. Browser Support

15. What is SVG?

Vous aimerez peut-être aussi