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

Slides:



Advertisements
Similar presentations
MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH
Advertisements

HTML Basics Customizing your site using the basics of HTML.
HTML: HyperText Markup Language Hello World Welcome to the world!
WeB application development
XHTML Basics.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
 A markup language  Structures content on the internet  Commonly used by web browsers.
Images, Tables, lists, blocks, layout, forms, iframes
HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.
HTML Advanced: HTML 5. Welcome This slideshow presentation is designed to introduce you to HTML 5. It is the third of three HTML workshops available at.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.
HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Chapter 14 Introduction to HTML
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
Web Design Basic Concepts.
Tutorial 1: Getting Started with HTML5
HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.
HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.
WRA /16/13 HTML VALIDATION & HTML5. TODAY’S AGENDA Overview of new objects: lists, tables Overview of metadata: meta tags, comments History of the.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
XML introduction to Ahmed I. Deeb Dr. Anwar Mousa  presenter  instructor University Of Palestine-2009.
HTML (HyperText Markup Language)
Building the User Interface by Using HTML5: Text, Graphics, and Media Lesson 2.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
INTRODUCTION TO HTML5 HTML5 Page Structure. What is HTML5 ?  HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.  The previous version.
Unit 1 – Web Concepts Instructor: Brent Presley. ASSIGNMENT Read Chapter 1 Complete lab 1 – Installing Portable Apps.
HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!
DHTML Positioning and Layout. What is DHTML? HTML and xHTML CSS JavaScript or VBScript.
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
CHAPTER 1 HTML & HTML5 I อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
Introduction to HTML. What is HTML?  Hyper Text Markup Language  Not a programming language but a markup language  Used for presentation and layout.
HTML: Hyptertext Markup Language Doman’s Sections.
XHTML TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.
Graduate School of Library and Information Science LIS 753 Introduction to HTML 5 By: Yijun Gao Week Three.
HTML5 Gaurav Jaiswal Singsys Pte. Ltd.. What is HTML5?
HTML and JS Escaping HowTo. What is escaping ? Escaping is a way to differentiate between characters used as part of syntax of a language and data. Eg:
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INT222 – Internet Fundamentals
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
What is HTML5? HTML5 will be the new standard for HTML. The previous version of HTML, HTML 4.01, came in The web has changed a lot since then. HTML5.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Chapter 2 Markup Language By : Madam Hazwani binti Rahmat
The HTML5 logo was introduced by W3C in 2010
Web Basics: HTML/CSS/JavaScript What are they?
PPT By:Gaurav Jaiswal Singsys Pte. Ltd.
HTML 5 Tutorial Chapter 1 Introduction.
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Creating a Basic Web Page using HTML
Presentation transcript:

Week 09, Session 01 Other HTML Tags & HTML5 IF Website Development Presented by: RDT

8/30/2015 4:06 AM 2 Outline Other HTML Syntaxes HTML5

8/30/2015 4:06 AM 3

Two steps for creating lists: Create a list with unordered list using tags (with bullets) or ordered list using tags (with number) Nest the list items inside the list tags chosen, preceding each with the single tag which does not require a closing tag. Simply repeat the process to nesting lists inside lists. 8/30/2015 4:06 AM 4

5

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 8/30/2015 4:06 AM 6 CharacterEntity NumberEntity NameDescription """quotation mark ''&apos;apostrophe &&&ampersand <<<less-than >>>greater-than

8/30/2015 4:06 AM 7

An iframe is used to display a web page within a web page. Syntax: Atribut: Height Width Frameborder Use iframe as a Target for a Link W3Schools.com 8/30/2015 4:06 AM 8

9

Make Comment 9/9/

8/30/2015 4:06 AM 11

What is HTML5? HTML5 will be the new standard for HTML. The previous version of HTML, HTML 4.01, came in 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. 8/30/2015 4:06 AM 12

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 8/30/2015 4:06 AM 13

Features The element for 2D drawing The and elements for media playback Support for local storage New content-specific elements, like,,,, New form controls, like calendar, date, time, , url, search 8/30/2015 4:06 AM 14

HTML5 Minimum Required Script Title of the document Content of the document /30/2015 4:06 AM 15 Catatan: The declaration must be the very first thing in your HTML document, before the tag. The 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 Your browser does not support the video tag. 8/30/2015 4:06 AM 16

What Next? Javascript CSS 8/30/2015 4:06 AM 17

Any questions?