Download presentation
Presentation is loading. Please wait.
Published byGillian Caren Riley Modified over 7 years ago
1
Introduction to HTML5 is the newest version of HTML, only recently gaining partial support by the makers of web browsers.
2
What is HTML5? HTML5 is the latest and most enhanced version of HTML. Technically, HTML is not a programming language, but rather a mark up language. It incorporates all features from earlier versions of HTML, including the stricter XHTML. It adds a diverse set of new tools for the web developer to use. It is still a work in progress. No browsers have full HTML5 support. It will be many years – perhaps not until 2018 or later - before being fully defined and supported.
3
New Elements in HTML5 <article> <aside> <audio>
<canvas> <datalist> <figure> <figcaption> <footer> <header> <hgroup> <mark> <nav> <progress> <section> <source> <svg> <time> <video> These are just some of the new elements introduced in HTML5. We will be exploring each of these during this course.
4
Some Examples <article>Defines an article in the document
<aside>Defines content aside from the page content <details>Defines additional details that the user can view or hide <dialog>Defines a dialog box or window <figcaption>Defines a caption for a <figure> element <figure>Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
5
What is ? Telling the browser what to do, and what props to use.
A series of tags that are integrated into a text document. Tags are ; surrounded with angle brackets like this <B> or <I>. Most tags come in pairs exceptions: <P>, <br>, <li> tags … The first tag turns the action on, and the second turns it off.
6
What is HTML5 SVG. SVG stands for Scalable Vector Graphics and it is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer. SVG is mostly useful for vector type diagrams like Pie charts, Two- dimensional graphs in an X,Y coordinate system etc.
7
How to Create and View an HTML5 document?
1.Use an text editor such as Sublime Text Editor to write the document. 2.Save the file as filename.htm on a PC. This is called the Document Source. 3.Open any Browser available. 4.Switch to Browser. 5.Click on File, Open File and select the filename.html document that you just created. 6.Your HTML page should now appear just like any other Web page in Browser.
8
Viewing the HTML5 Web Page
Even though we used HTML5, the page looks exactly the same in a web browser as it would in XHTML. Without looking at the source code, web visitors will not know which version of HTML the page was created with.
9
,
Similar presentations
© 2025 SlidePlayer.com Inc.
All rights reserved.