6/5/2020
INTRODUCTION TO
HTML
GR:X CHAPTER-1
BY: RENU KEWALRAMANI
DO’S AND DON’TS
DO’S
keep the etiquettes in your body posture. DON’TS
Background noise should be under
controlled.
keep your essential stationaries with them Your are not allowed to distract the other
before attending the class. student’s attention in ongoing class.
Make a use of chat box or give a gesture of Your are not allowed to chat internally and
thumbs up if you have any query to ask OR should maintain the decorum of the class.
UNMUTE YOURSELF. You are not allowed to share the screen
Keep the device stable and avoid moving while the teacher is conducting the session.
during class.
INTRODUCTION
HISTORY
SAMPLE OF WEB PAGE
CONTENTS
INTERACTIVE Q/A
RECAPITULATION
ASSIGNMENT
At the end of session you will be able
LEARNING to:
OBJECTIVES Know about HTML and web browser
Structure of HTML web page
HTML stands for Hyper Text Markup Language.
It is used to design web pages using markup
language.
HTML is the combination of Hypertext and Markup
language.
Hypertext defines the link between the web pages.
INTRODUCTI Markup language is used to define the text
ON document within tag which defines the structure of
web pages.
HTML is derived from SGML (Standardized General
Markup Language)
HTML is a markup language which is used by
the browser to manipulate text, images and
other content to display it in required format.
HTML was created by Tim Berners-Lee in
1991.
HISTORY The first ever version of HTML was HTML 1.0
but the first standard version was HTML 2.0
which was published in 1999.
Current version of HTML is 5.0 which was
published in 2014.
HTML uses predefined tags and elements which tells
the browser about content display property.
If a tag is not closed then browser applies that effect
till end of page.
Elements and Opening and closing tags forms the element of HTML.
Tag These elements may be empty or may contain some
attributes.
TEST YOUR
KNOWLEDGE
The Basic structure of HTML page is given
below. It contain some elements like head, title,
body, … etc. These elements are used to build
HTML page the blocks of web pages.
structure
HTML page
structure
<DOCTYPE! html>: This tag is used to tells the HTML version.
This currently tells that the version is HTML 5.
<html>: This is called HTML root element and used to wrap all
the code.
HTML page <head>: Head tag contains metadata, title, page CSS etc. All
the HTML elements that can be used inside the <head>
structure element are:<title>
<<body>: Body tag is used to enclosed all the data which a web
page has from texts to links. All of the content that you see
rendered in the browser is contained within this element.
HTML SIMPLE
WEBPAGE
EXAMPLE
HTML SIMPLE
WEBPAGE
EXAMPLE
CREATE A WEB PAGE FOR THE FOLLOWING TEXT USING
ALL THE TAGS LEARNT TODAY GIVING TITLE OF THE
PAGE AS “RAINBOW”
Rainbow River
A rainbow is a multicolored arc made by light striking water
ASSIGNMENT droplets. The most familiar type rainbow, including this one in
southern Chile, is produced when sunlight strikes raindrops in
front of a viewer at a precise angle. The colors on a primary
rainbow are always in order of their wavelength, from longest
to shortest: red, orange, yellow, green, blue, and violet.
THANK YOU