HTML is the standard markup language for Web pages.
With HTML you can create your own Website.
● HTML stands for Hyper Text Markup Language
● HTML is the standard markup language for creating Web
pages
● HTML describes the structure of a Web page
● HTML consists of a series of elements
● HTML elements tell the browser how to display the content
● The <html> element is the root element of an HTML page
● The <head> element contains meta information about the
HTML page
● The <title> element specifies a title for the HTML page
(which is shown in the browser's title bar or in the page's
tab)
● The <body> element defines the document's body, and is a
container for all the visible contents, such as headings,
paragraphs, images, hyperlinks, tables, lists, etc.
● The <h1> element defines a large heading
● The <p> element defines a paragraph
What is an HTML Element?
● An HTML element is defined by a start tag, some content,
and an end tag:
● <tagname> Content goes here... </tagname>
● The HTML element is everything from the start tag to the
end tag:
● <h1>My First Heading</h1>
● <p>My first paragraph.</p>
EXAMPLE 1:
<html>
<body bgcolor="pink">
<center><h1 style="color:red;">WELCOME TO HTML!!!!!!
</h1></center>
<center><h2 style=color:purple;>WELCOME TO HTML!!!!!!
</h2></center>
<center><h3 style=color:blue;>WELCOME TO
HTML!!!!!!</h3></center>
<center><h4 style=color:yellow; >WELCOME TO HTML!!!!!!
</h4></center>
<center><h5 style =color:green;>WELCOME TO HTML!!!!!!
</h5></center>
<center><h6 style =color:indigo;>WELCOME TO HTML!!!!!!
</h6></center>
<./body>
</html>
OUTPUT:
EXAMPLE 2:
<html>
<body>
<h1 style="font-size:60px;">Heading 1</h1>
<p>you can change the size of a heading with the style
attribute, using the font-size property.</p>
</body>
</html>
OUTPUT:
EXAMPLE 3:
<html>
<body>
<center><h1 style="font-size:60px;color:red;">
DEPARTMENT OF COMPUTER SCIENCE (SHIFT 1)
</h1></center>
<hr>
<CENTER><p style ="background-color:blue; font-
size:30px;color:yellow;">WELCOME TO B.SC COMPUTER
SCIENCE - SECOND YEAR!!!!</p></CENTER>
</body>
</html>
OUTPUT:
HTML FORMATTING TAGS:
<html>
<body bgcolor="pink">
<center><b>HYPER TEXT MARKUP
LANGUAGE</b></center>
<center><em>HYPER TEXT MARKUP
LANGUAGE</em></center>
<center><small>HYPER TEXT MARKUP
LANGUAGE</small></center>
<center><strong>HYPER TEXT MARKUP
LANGUAGE</strong></center>
<center><p>HYPER TEXT MARKUP
<sub>LANGUAGE</sub></p></center>
<center><p><sup>HYPER </sup> TEXT MARKUP
LANGUAGE</center>
<center><mark>HYPER TEXT MARKUP
LANGUAGE</mark></center>
</body>
</html>
OUTPUT:
