1 / 18

Other HTML Tags & HTML5

IF311315 Website Development. Other HTML Tags & HTML5. Week 09, Session 01. Presented by: RDT. www.del.ac.id. Outline. Other HTML Syntaxes HTML5. Lists. Two steps for creating lists:

cameron-boyer
Download Presentation

Other HTML Tags & HTML5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. IF311315 Website Development Other HTML Tags & HTML5 Week 09, Session 01 Presented by: RDT www.del.ac.id

  2. Outline • Other HTML Syntaxes • HTML5

  3. Lists

  4. Two steps for creating lists: • Create a list with unordered list using <UL></UL> tags (with bullets) or ordered list using <OL></OL> tags (with number) • Nest the list items inside the list tags chosen, preceding each with the single tag <LI> which does not require a closing tag. • Simply repeat the process to nesting lists inside lists.

  5. Special Characters

  6. Some characters are reserved in HTML and XHTML. For example, you cannot use the greater than or less than signs within your text because the browser could mistake them for markup. • HTML and XHTML processors must support the five special characters listed in the table below

  7. IFRAME

  8. An iframe is used to display a web page within a web page. • Syntax: <iframesrc="URL"></iframe> • Atribut: • Height • Width • Frameborder • Use iframe as a Target for a Link • <iframesrc="demo_iframe.htm" name="iframe_a"></iframe><p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

  9. Comment

  10. Make Comment • <!-- di sini komentar diisi -->

  11. HTML5

  12. What is HTML5? • HTML5 will be the new standard for HTML. • The previous version of HTML, HTML 4.01, came in 1999. The internet has changed significantly since then. • HTML5 is intended to subsume not only HTML 4, but also XHTML 1 and DOM Level 2 HTML. • HTML5 is designed to deliver almost everything you want to do online without requiring additional plugins. It does everything from animation to apps, music to movies, and can also be used to build complicated applications that run in your browser.

  13. HTML5 is also cross-platform (it does not care whether you are using a tablet or a smartphone, a netbook, notebook or a Smart TV). • HTML5 can also be used to write web applications that still work when you are not online. • The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and hundreds of other vendors. • HTML5 is still a work in progress. However, all major browsers support many of the new HTML5 elements and APIs • http://html5test.com/

  14. Features • The <canvas> element for 2D drawing • The <video> and <audio> elements for media playback • Support for local storage • New content-specific elements, like <article>, <footer>, <header>, <nav>, <section> • New form controls, like calendar, date, time, email, url, search

  15. HTML5 Minimum Required Script <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Title of the document</title></head><body>Content of the document......</body></html> Catatan: The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in.

  16. Examples: Video <!DOCTYPE HTML><html><body><video width="320" height="240" controls>  <source src="movie.mp4" type="video/mp4">  <source src="movie.ogg" type="video/ogg">  Your browser does not support the video tag.</video></body></html>

  17. What Next? • Javascript • CSS

  18. Any questions?

More Related