12
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)

Introduction to HTML

  • Upload
    astro

  • View
    25

  • Download
    0

Embed Size (px)

DESCRIPTION

eXtensible Markup Language (XML). Tutorial 1. Introduction to HTML. Contents. Internet World Wide Web Hypertext Documents Web Pages and Web Browsers HTML: The Language of the Web Versions of HTML. 1. Internet. - PowerPoint PPT Presentation

Citation preview

Page 1: Introduction to HTML

Introduction to HTML

Tutorial 1

eXtensible Markup Language (XML)

Page 2: Introduction to HTML

2

Contents

1. Internet 2. World Wide Web3. Hypertext Documents4. Web Pages and Web Browsers5. HTML: The Language of the Web6. Versions of HTML

Page 3: Introduction to HTML

3

1. Internet

In order to share resources efficiently, computers can be linked together in one of the following structured networks:

• linked within a local area network (LAN)

• linked across a wide area network (WAN)

“Network of networks” called the Internet.

The Internet consists of millions of interconnected computers that enable users to communicate and share information

Problem is: How can computers share information to each others?

Page 4: Introduction to HTML

4

2. World Wide Web (www)

The World Wide Web was developed to make the Internet easier to use and give quick access to users. It allows computers to share information easily.

In 1989, Timothy Berners-Lee and other researchers at the CERN nuclear research facility, laid the foundation of the World Wide Web, or the Web.

• Created an information system that would make it easy for researchers to locate and share data

• Required minimal training and support

• Developed a system of hypertext documents, electronic files that contain elements that you can easily select

Page 5: Introduction to HTML

5

3. Hypertext Documents

Hypertext offers a better way of locating information.

When you read a book, you follow a linear progression, reading one page after another.

With hypertext, you progress through pages in whatever way is best suited to you and your objectives.

Hypertext lets you skip from one topic to another.

Page 6: Introduction to HTML

6

This figure shows how topics can be related in a hypertext fashion, as opposed to a linear fashion.

Page 7: Introduction to HTML

7

The key to hypertext is the use of links, which you activate to move from one topic to another.

• a link can open a document on a computer anywhere in the world

Hypertext has become the dominate method of sharing and retrieving information on the Internet, becoming known as the WWW, or the Web.

Documents on the Web are known as Web pages

Page 8: Introduction to HTML

8

4. Web Pages and Web Browsers

A Web page is stored on a Web server, which makes the page available to users of the Web.

To view a Web page, the user runs a Web browser, a software that retrieves the page and displays it.

A Web browser can either be text-based, or graphical.

The most common Web browsers available today are:

• Microsoft Internet Explorer

• Netscape Navigator

Page 9: Introduction to HTML

9

5. HTML: The Language of the Web

Web pages are text files, written in a language called HyperText Markup Language or HTML.

A markup language is a language used to describe the contact and format of documents.

HTML was developed from the Standard Generalized Markup Language (SGML), a language used for large-scale documents.

SGML proved to be cumbersome and difficult, thus HTML was created.

Page 10: Introduction to HTML

10

HTML allows Web authors to create documents that can be displayed across different operating systems.

HTML code is easy to use, that even nonprogrammers can learn to use it.

HTML describes the format of Web pages through the use of tags.

• it’s the job of the Web browser to interpret these tags and render the text accordingly

Page 11: Introduction to HTML

11

6. Versions of HTML

HTML is developed by the World Wide Web Consortium (WC3 - http://w3.org). This organization is reponsible for maintaining and updating new specialisations of HTML.

Version Year DescriptionHTML 1.0 1989 – 1994 The first public of HTML that supports inline images

and text controls

HTML 2.0 1995 Supports graphical browsers. It introduced the interactive form and form elements such as text boxed, buttons…

HTML 3.0 1997 Supports for creating anf formatting tables. It also extended form elemements.

HTML 4.01 1999 This version introduced Cascading Style Sheet (CSS)

HTML 5.0 2004 - 2010 Introduced structural elements. It supports new embedding elements including video and audio

Page 12: Introduction to HTML