CHAPTER-1
INTRODUCTION TO HTML
• 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
• HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc
• Write the HTML code in the NOTEPAD and save the HTML code with extension of .html or .htm
HTML tags
1
HTML Document Structure
r0
<html>
<head>
<title>Page Title</title>
</head>
<body>
…………………..
te
Content of the Body
……………………
</body>
</html>
ap
Program :1
<html>
<head>
<title>About Rainbow</title>
Ch
</head>
<body>
<h1>RAINBOW</h1>
<p>Rainbow consists of seven colours. These colours are Violet, Indigo, Blue, Green,Yelow, Orange and
Red. They are aslo acronymed as VIBGYOR</p>
<p> Rain is caused by reflection light in water droplets in the Earth's atmosphere, resulting in a spectrum of
light appearing in the sky. It takes the form of a multi coloured arc.</p>
</body>
</html>
Output
Program :2
<html>
<head><title>Practise</title></head>
<body>
<h1>Write ur name</h1>
<h2>Write ur name</h2>
<h3>Write ur name</h3>
<h4>Write ur name</h4>
<h5>Write ur name</h5>
<h6>Write ur name</h6>
</body>
</html>
1
Definition and Usage
The <h1> to <h6> tags are used to define HTML headings
r0
<h1> defines the most important heading. <h6> defines the least important heading.
Note: Only use one <h1> per page - this should represent the main heading/subject for the whole page. Also, do
not skip heading levels - start with <h1>, then use <h2>, and so on.
te
Tags Increasing Decency of writing
1. <p> tag
2. <br> tag
3. <pre> tag
ap
4. <b> tag
5. <i> tag
6. <u> tag
7. <s> or <strike> tag
8. <tt> tag
Ch
Anchor Tag
• In the text in HTML document, to control its format letters, additional information is also needed
addressing it.
• Hyperlink is shown as <a>, which means anchor.
• Hyperlink is used to make (hyper text) and to connect it with some other document or to join two
HTML document.
• Clusters of many web-pages are known as website which get controlled and managed by hyperlink
1
r0
te
ap
Ch
<a href= “[Link]”> Click here to visit theory of Rainbow. </a>
Attributes of Align
• Left
• Right
• Centre
<p align =“Centre”> Content will be in centred </p>
<p align =“Right”> Content will be in Right </p>
<p align =“left”> Content will be in left </p>
Ch
ap
te
r0
1