0% found this document useful (0 votes)
2 views9 pages

HTML Presentation ICT

The document provides an overview of HTML, detailing its definition as Hyper Text Markup Language and its importance in web development for structuring web pages. It covers the history of HTML, its basic structure, common tags, and how to create links and add images. Additionally, it discusses the future of HTML, suggesting a gradual integration with XML to enhance its capabilities.

Uploaded by

amairasingh752
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views9 pages

HTML Presentation ICT

The document provides an overview of HTML, detailing its definition as Hyper Text Markup Language and its importance in web development for structuring web pages. It covers the history of HTML, its basic structure, common tags, and how to create links and add images. Additionally, it discusses the future of HTML, suggesting a gradual integration with XML to enhance its capabilities.

Uploaded by

amairasingh752
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Studio Shodwe Home Service About Us Contact

INTRODUCTION
TO HTML
Studio Shodwe Home Service About Us Contact

WHAT DOES HTML AND STAND FOR AND HOW


IS IT IMPORTANT FOR WEB DEVELOPMENT?
HTML stands for Hyper Text Markup Language.
(Hypertext Markup Language) HTML is the language
used to create Web pages for display in Web
Browsers.The role of HTML in web development is to
provide the backbone and structure of a web page. It
defines the layout and organization of content on a
web page by using a ranked structure of elements.
HTML tags allow developers to specify the type of
content being displayed and how it should be
presented
Studio Shodwe Home Service About Us Contact

HISTORY OF HTML
In 1980, physicist Tim Berners- The first version of HTML was The latest version of HTML is
Lee, a contractor at CERN, written by Tim Berners-Lee in
HTML5, which stands for
proposed and prototyped 1993. Since then, there have been
ENQUIRE, a system for CERN many different versions of HTML.
HyperText Markup
01 researchers to use and share 02 The most widely used version 03 Language. HTML5 enhances
documents. In 1989, Berners- throughout the 2000's was HTML the capabilities of the web
Lee wrote a memo proposing 4.01, which became an official by introducing new
an Internet-based hypertext standard in December 1999.
system. Berners-Lee specified Another version, XHTML, was a
elements, attributes, and
HTML and wrote the browser rewrite of HTML as an XML behaviors. It allows for more
and server software in late language. dynamic and interactive web
1990. pages.
Studio Shodwe Home Service About Us Contact

BASIC HTML STRUCTURE


An HTML document is divided into
two main sections, the head and the
01 body. The reason for this division is
that the head is to contain metadata,
and the body is to contain the
information to be displayed on the
web page.

In HTML, the <head> section contains


metadata about a webpage, like the
title, character encoding, and links to
02
external stylesheets, which is not
directly displayed on the page, while
the <body> section holds all the
visible content that users see on the
webpage, including text, images, and
videos. The title tag's purpose is to
identify a web page and help users
and search engines understand what
the page is about.
Studio Shodwe Home Service About Us Contact

COMMON HTML TAGS


1. <html></html> The <html> tag defines the
01 document as a web page. ...
2. <head></head> The <head> tag represents the
head section of the HTML document. ...
3. <title></title> As the name suggests, the <title>
tag specifies the web page's title. ...
4. <body></body>

02 The <h1> to <h6> HTML elements represent six


levels of section headings. <h1> is the highest
section level and <h6> is the lowest. By default, all
heading elements create a block-level box in the
layout, starting on a new line and taking up the
full width available in their containing block

An unordered list ( <ul> ) is used to create a list of


03
items in no particular order i.e. the order of items is
not relevant. By default, the items in this list will be
marked with bullets. Whereas, an ordered list ( <ol>
) is used to create a list of items in a specific order.
Studio Shodwe Home Service About Us Contact

HTML AND LINKS


j vv
To create a hyperlink in HTML, you can use
the <a> and </a> tags. The <a> tag indicates
the start of the hyperlink, and the </a> tag
indicates the end.
Steps
Use the <a> tag to indicate the start of the
hyperlink
Add the URL for the link in the <a href=" ">
Add text inside the <a> and </a> tags
The text inside the tags will work as a
hyperlink
Studio Shodwe Home Service About Us Contact

HTML AND IMAGES


To add an image to a webpage using HTML,
you can use the <img> tag and the src
attribute to specify the image's location. The
alt attribute in an HTML img tag provides a
textual description of an image for users
who can't see it. This includes people who
use screen readers, text-based browsers, or
have visual disabilities. It also helps if the
image doesn't load or displays incorrectly.
Studio Shodwe Home Service About Us Contact

FUTURE OF HTML
Adobe suggests a gradual shift for HTML's future,
integrating XML while maintaining HTML's current
structure and behavior. Here's a simplified
breakdown:
Phase 1: HTML is updated minimally to support XML.
Phase 2: HTML adopts a well-formed XML syntax,
alongside the current HTML syntax.
Phase 3: HTML's behavior is standardized through an
XML Document Object Model (DOM) with CSS,
making all HTML tags work in a consistent way.
Phase 4: HTML transitions fully to XML, with its
original presentation behaviors preserved.
This phased approach is intended to make HTML's
evolution smooth and compatible with XML.
Studio Shodwe Home Service About Us Contact

THANK
YOU!

You might also like