SRI KRISHNA ARTS & SCIENCE COLLEGE
[An Autonomous Institution]
Ranked 53 in NIRF; MHRD: 1st in Institutional Swachhata Ranking
rd
Coimbatore – 641 008
Introduction to Information Technology
I B. Com IT A
Unit 2
HTML & Webpage
LECTURE 1
Facilitator
Mrs. Gino Joseph
Assistant Professor
Commerce Finance
Unit 2
1. Introduction to HTML
2. Essentials Static & Dynamic Web pages, structure of a Web Page
3. Designing web pages
4. HTML Tags Text Formats
5. working with text presenting and arranging text Paragraphs
6. Tables in HTML
7. working with Links, lists,
8. Images, Audio & Video
9. Forms & Frames, Website Management.
HTML
Hyper Text Markup Language
Video and Reference links
Expert Video https://drive.google.com/file/d/1OFGhltzHG9aHN-fPutljaBcsR_LJl
nI9/view?usp=sharing
Reference https://www.tutorialspoint.com/html/html_tutorial.pdf
Animation video https://www.youtube.com/watch?v=boah9hNHhi0
Introduction to HTML
• HTML stands for Hyper Text Markup language.
• It is not a programming language.
• HTML is the standard markup language for documents
designed to be displayed in a web browser.
• Web browsers receive HTML
documents from a web server or
from local storage and render the
documents into multimedia web
pages.
• HTML elements are the building
blocks of HTML pages.
• HTML provides a means to
create structured documents by
denoting structural semantics for
text such as headings, paragraphs,
lists, links, quotes and other items.
HTML
• HTML is a markup language that
web browsers use to interpret and
compose text, images, and other material
into visual or audible web pages
• The first publicly available description of
HTML was a document called "HTML Tags",
first mentioned on the Internet by Tim
Berners-Lee in late 1991
HTML 1-5
• HTML 2
– November 24, 1995
• HTML 3
– January 14, 1997
• HTML 4
– December 18, 1997
• HTML 5
– October 28, 2014
Markup language
• In computer text processing, a markup language is a
system for annotating a document in a way that
is visually distinguishable from the content.
• It is used only to format the text, so that when the
document is processed for display, the markup
language does not appear.
GOOGLE WEBSITE AND HTML BEHIND
Markup
• HTML markup consists of
several key components,
including those called
– tags (and their attributes),
– character-based data types,
– character references and
– entity references.
• HTML tags most commonly come in pairs
like <h1> and </h1>,
• although some represent empty elements and so are
unpaired, for example <img>.
• The first tag in such a pair is the start tag, and the
second is the end tag (they are also called opening
tags and closing tags).
Basic Hello world
task
• Open notepad
• Type the following
• Then save the file
• Anyname.html
• Goto saved location
• Open the file with browser
Basic HTML Document
HTML Tags
• HTML is a markup language and makes use of various tags to
format the content.
• These tags are enclosed within angle braces .
• Except few tags, most of the tags have their corresponding
closing tags.
• For example,
• <html> </html>
• <head></head>
HTML uses
• Web pages development
• Internet navigation
• Responsive images on web pages
• Data Entry support with HTML
• E-commerce websites