Sei sulla pagina 1di 6

ANALYSIS AND DEVELOPMENT OF INFORMATION SYSTEMS

BY: POSADA CADENA JHONNATAN ANDRES

SENA

2018
ANALYSIS AND DEVELOPMENT OF INFORMATION SYSTEMS

BY: POSADA CADENA JHONNATAN ANDRES

ACTIVITY: AP6-AA3-Ev4-SOLVE_QUESTIONNARIE_HTML5
PHASE NUMBER: FOUR (4)

SENA

2018
Introduction

Dear learner, the next information taken from a webpage, will help you
understand better the concepts about HTML5; however, it is convenient for
you to read and study the technical documents prepared by your instructor.

Remember to check the unknown vocabulary in the glossary attached to this


file.

What is HTML5?

HTML5 is the evolution of HTML4, this update is the combination of Javascript,


Css and Html stablishing a new the structure of styles and good performance,
opening new doors in the web world.
Html5 isn´t considered a programming language why is a label language; because,
these labels HTML speak with the browser about that information need show to the
users.
Thanks to HTML5 we can make web sites using an easiest resources and an easy
comprehension to users and developers.
HTML5 is compatible with all recent versions of all browsers for example Google
Chrome, Internet Explorer, Opera between others.
HTML5 actually has a new update called HTML5.2 launched in the last year
(2017).

How Did HTML5 Get Started?

HTML5 was launched in October 2014, this label language was made by World
Wide Web Consortium (W3C).
HTML5 has new update after pass of the years for example:
 HTML5 has launched in 2014
 HTML5 has the first update in 2016 called HTML5.1
 HTML5 has the recent update in 2017 called HTML5.2 or HTML5.1 2 nd
edition.
The basic structure to make a HTML5 project is:
<!DOCTYPE html>
<meta charset=’UTF-8’>
<HTML>
<head>
<title>Title document</tittle>
<link rel=”stylesheet” type=”text/css” media=”screen” href=”if exist, write the file.css
location”/>
</head>
<body>
<h1>Describes the title of the Project, we can select h1 to h6</h1>
<p>Describe the document body (p=Paragraph) and we have other options for
example:
Article
Section
Nav
And others
</p>
<footer>
This is the footer´s project
</footer>
</body>
</html>

HTML5 - New Features

Actually, HTML5 has awesome updates, for make a better structure in our projects,
for example:
 <article>  We can define an article in our projects.
 <footer>  The label Footer is used for get into the project a footer.
 <nav>  We can make a navigation toolbar in the project.
 <time>  We can define a date/ time in our project.
You will see more features in the link posted in the Reference section

Browser Support for HTML5


HTML5 is supported by the latest versions of all
browsers; because, not all the old versions had
compatibility with HTML5, and having the last version
of some browser you can has a good experience and
make the most capacity of the web page
HTML5 References
At w3schools you will see more information about libraries, APIS and more options
for make an incredible project.
New Elements in HTML5
HTML have interesting new elements to learn, next we can see some items:

In the last upgrade HTML5 can draw graphics in 2D with the tag <canvas> and
<svg>:

TAG DESCRIPTION
<canvas> This tag can draw graphics, in the fly, usually used
JavaScript

<svg> This tag can draw scalable vector graphics.

Additionally, the fantastic HTML5 can show Videos (<video>), audio(<audio>) and
others, Next I will describe some items:

TAG DESCRIPTION
<audio> Defines sound content

<video> Defines the video files

<embed> Defines a container for an external (non-HTML) application

<source> Defines multiple media resources for media elements


(<video> and <audio>)

<track> Defines text tracks for media elements (<video> and


<audio>)

Reference:

1. https://www.w3schools.com/
2. https://www.uv.es/jac/guia/index.html

GLOSSARY

Article: Articulo

Browser: Navegador
Developers: Desarrolladores

Draw: Dibujar

File: Archivo

Footer: Pie de pagina

HTML: Hyper Text Markup Language

Label Language: Lenguaje de etiquetas

Libraries: librerias

Performance: Desempeño

Programming language: Lenguaje de programación

Scalable: Expansible

Upgrade: Actualizar

Webpage: Pagina web

World Wide Web Consortium (W3C): Comunidad internacional que desarrolla


estándares abiertos para asegurar el crecimiento a largo plazo de la Web.

Potrebbero piacerti anche