01. session 01 introduction to html
DESCRIPTION
TRANSCRIPT
Introduction to HTML
Session 1
Objectives Describle the evolution of Web Describle the evolution of Dynamic
Websites Describle the basic HTML elements
Building Dynamic Websites/Session 1/ 2 of 17
Evolution of web The growth of
computing expanded in multiple.
Organizations connect together to share data.
This makes the beginning of computer networks.
Building Dynamic Websites/Session 1/ 3 of 17
Web and Internet WANs raised a
strong need about global data sharing
This resulted referred as WWW.
Internet is known as the largest WAN.
Building Dynamic Websites/Session 1/ 4 of 17
Static web pages Static web pages have a limitations. Difficult to maintain. Updated manually. Inconsistency. Don’t allow any user interaction.
Building Dynamic Websites/Session 1/ 5 of 17
Dynamic web pages Include static as well as dynamic web pages. Allows customizing the content and its
appearance in the browser. Geneates content “on-demand”. Accepts the user inputs through web browser. Serveral technologies envoled to make web
sites more flexible and dynamic. Variety device such as PDAs, Cell phones, and
so on is used XHTML Documents
Building Dynamic Websites/Session 1/ 6 of 17
HTML Guidelines W3C is an organization that maintains
the standards of technologies used to develop web pages and web sites.
HTML is a markup language. HTML allows the web designers to
create various web sites. Style sheet is created to separate the
structure and presentation of an HTML.
Building Dynamic Websites/Session 1/ 7 of 17
Building Dynamic Websites/Session 1/ 8 of 16
Basic Element
HTML HEAD TITLE BODY
Building Dynamic Websites/Session 1/ 9 of 16
Element
RULES
Building Dynamic Websites/Session 1/ 11 of 16
Data Type Data types are specified within each
element in the HTML 4.01.
Building Dynamic Websites/Session 1/ 12 of 17
Meta Element Some information as author, copyright,
keywords and so on that are assigned within in META element.
Web engines search these information by keywords.
META element is declared within the HEAD element of the HTML document.
Building Dynamic Websites/Session 1/ 13 of 17
HTML Code Snippet<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Introduction to HTML</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<META name=”Author” content=”David Brown”>
<META name=”Keywords” content=”Object Oriented Programming”>
</HEAD>
<BODY>
OOP is a programming techique in which objects are created for interacting with each other solve real-world problems.
</BODY>
</HTML>
Building Dynamic Websites/Session 1/ 14 of 17
Atribute
Description
Name Specifies the name of a properties which indicates the category of data.
Content Specifies the properties value.
Dynamic web sites<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Introduction to XHTML</TITLE>
</HEAD>
<BODY>
This is an XHTML page.
</BODY>
</HTML>
Building Dynamic Websites/Session 1/ 15 of 17
Summary Web 1.0 is a Read-or-Write web that does not allow
interaction. Web 2.0 is a Read-Write Web that allows the
readers to provide blogs, comments… Metadata is used to provide HTML document meta
information. And refers to document data information. A XHTML is a HTML document that uses
Grammatical structure of XML. Ever XHTML document must have the DOCTYPE
declaration at the top.Building Dynamic Websites/Session 1/ 16 of 17