week 09, session 01 other html tags & html5 if311315 website development presented by: rdt

Week 09, Session 01

Other HTML Tags & HTML5

www.del.ac.id

IF311315 Website Development

Presented by: RDT

04/19/23 11:062

OutlineOther HTML SyntaxesHTML5

04/19/23 11:063

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.

04/19/23 11:064

04/19/23 11:065

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

04/19/23 11:066

Character Entity Number Entity Name Description

" " " quotation mark

' ' ' apostrophe

& & & ampersand

< < < less-than

> > > greater-than

04/19/23 11:067

An iframe is used to display a web page within a web page.

Syntax:<iframe src="URL"></iframe>Atribut:

HeightWidthFrameborder

Use iframe as a Target for a Link<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

04/19/23 11:068

04/19/23 11:069

Make Comment

9/9/201310

04/19/23 11:0611

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.

04/19/23 11:0612

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 APIshttp://html5test.com/

04/19/23 11:0613

FeaturesThe <canvas> element for 2D drawingThe <video> and <audio> elements for

media playbackSupport for local storageNew content-specific elements, like

<article>, <footer>, <header>, <nav>, <section>

New form controls, like calendar, date, time, email, url, search

04/19/23 11:0614

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>

04/19/23 11:0615

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.

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>

04/19/23 11:0616

What Next?JavascriptCSS

04/19/23 11:0617

Any questions?

week 09, session 01 other html tags & html5 if311315 website development presented by: rdt

Documents