Basics of HTML www.playppt.com. What is HTML?  HTML or Hyper Text Markup Language is the standard markup language used to create Web pages.  HTML is.

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

WeB application development
Website Design.
Intro to HTML Kin 260 Jackie Kiwata.
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,
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Tutorial 1 Developing a Basic Web Page
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
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.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Review HTML5.
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.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
Principles of Web Design 6 th Edition Chapter 1 – HTML5.
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
Creating a Basic Web Page
DAT602 Database Application Development Lecture 14 HTML.
Languages in WEB Presented by: Jenisha Kshatriya BCM SS09.
 XHTML is aimed to replace HTML  XHTML is almost identical to HTML 4.01  XHTML is a stricter and cleaner version of HTML  XHTML is HTML defined as.
HTML Structure & syntax
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
Introduction to HTML5. History of HTML HTML first published – Tim Berners-Lee HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
3 XHTML.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.
XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
ECA 228 Internet/Intranet Design I Intro to Markup.
HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
XML Introduction. Markup Language A markup language must specify What markup is allowed What markup is required How markup is to be distinguished from.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
XML Basics A brief introduction to XML in general 1XML Basics.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
HTML Hyper Text Markup Language 1BFCET BATHINDA. Definitions Web server: a system on the internet containing one or more web site Web site: a collection.
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.
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
Presentation On HTML & Podcast Done by: Shamelia Young & Sheriece Williamson.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Module Road Map Assignment Road Map Notice we have linked the conduit directly to the presentation layer. This is normally a bad idea!
HTML HyperText Markup Language Victoria E. Kozlek.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
HTML Structure & syntax
HTML Structure & syntax
Basic HTML Introduction to HTML.
Prepared by Dr. Maher Abuhamdeh 2014/2015 First semester
Web Basics: HTML/CSS/JavaScript What are they?
Web Development & Design Foundations with HTML5 8th Edition
Introduction to XHTML.
Microsoft Office Illustrated
WEBSITE DESIGN Chp 1
Structuring Content in a Web Document
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Pertemuan 1 Desain web Pertemuan 1
HTML Structure & syntax
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

Basics of HTML

What is HTML?  HTML or Hyper Text Markup Language is the standard markup language used to create Web pages.  HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like ).  HTML tags most commonly come in pairs like and, although some tags represent empty elements and so are unpaired, for example.  The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).  A Web browser can read HTML files and compose them into visible or audible Web pages.

History of HTML The first publicly available description of HTML was a document called "HTML Tags", first mentioned on the Internet by Berners-Lee in late The first publicly available description of HTML was a document called "HTML Tags", first mentioned on the Internet by Berners-Lee in late It describes 18 elements comprising the initial simple design of HTML. It describes 18 elements comprising the initial simple design of HTML. Eleven of these elements still exist in HTML 4. Eleven of these elements still exist in HTML 4. After the HTML and HTML+ drafts expired in early 1994, the IETF created an HTML Working Group, which in 1995 completed "HTML 2.0“. After the HTML and HTML+ drafts expired in early 1994, the IETF created an HTML Working Group, which in 1995 completed "HTML 2.0“. The first HTML specification intended to be treated as a standard against which future implementations should be based. The first HTML specification intended to be treated as a standard against which future implementations should be based. HTML has been progressively moved in this direction with CSS. HTML has been progressively moved in this direction with CSS.

Syntax of HTML

Easy to Use & Understand  Almost anyone in the web development business would know HTML be it a freelancer or a large agency.  It would be relatively easy to find cost-effective and affordable solution providers who can make the changes you need to your website.  Today, XML is increasingly being used for data storage.  The similarity of syntax between HTML and XML means that it is easier and seamless working between the two platforms.

HTML is in XML   The other syntax that can be used for HTML is XML.   This syntax is compatible with XHTML1 documents and implementations.   Documents using this syntax need to be served with an XML media type namespace following the rules set forth by the XML specifications.   Below is an example document that conforms to the XML syntax of HTML. Example document Example paragraph

Advantages of HTML  It is widely used.  Every browser supports HTML language.  It is by default in every windows so you don't need to purchase extra software.  Loose syntax (although, being too flexible will not comply with standards).  Loose syntax (although, being too flexible will not comply with standards).  Widely used in established on almost every website, if not all websites.  Widely used in established on almost every website, if not all websites.  Very similar to XML syntax, which is increasingly used for data storage.  Very similar to XML syntax, which is increasingly used for data storage.  Free - You need not buy any software.  Free - You need not buy any software.  Easy to learn & code even for novice programmers.

HTML4 Vs. HTML5

Features of HTML5  Multimedia Support Video & Audio Video & Audio  New Input Element Types  Canvas in HTML5  Custom Data Attributes  Editable Contents  Autofocus and Placeholder Attributes  Required Field and Range Validators

HTML5 Web Architecture

Advantages of HTML5 Mutuality Mutuality Leaner markup / Improved Code Leaner markup / Improved Code Improved Semantics Improved Semantics Elegant forms Elegant forms Improved Accessibility & Consistency Improved Accessibility & Consistency Offline Application cache Offline Application cache Geo Location Support Geo Location Support Client-side database Client-side database

Thank You