HTML Demo
…By YuvaLakshya Team
All rights reserved
Click on Start
Go to Run and type notepad
Click on OK
Learn to create simple HTML page-
Open your simple webpage and we will modify it to make it better-
Go to File MenuAnd click on
Open
Browse your file and click on
Open
Your file name should always end with “ .html “ extension . e.g demo.html
Save the copy of this notepad
Go to File MenuAnd click on
Save As
Always save file with “ .html “
extension
Click on Save
Now we will learn new tags- Header tag , Paragraph tag , Horizontal line , Line break
Paragraph tag <p>
Different header tags<h1> to <h6>
For Horizontal line <hr>
For line break <br>
HTML does not recognize spaces or lines you use when typing text
For this we use break and paragraph tag
The <BR> tag forces a line break, and the <P> tag creates a paragraph break.
<P> inserts an extra blank line between paragraphs, and <BR> does not.
<hr> tag causes a horizontal "rule" line which is a line break.
It is used wherever you'd like to see a line across the page.
<BR> and <HR> do not need a closing </BR> or </HR> tag.
The <P> tag doesn't require a closing </P> tag , it ends whenever the next tag begins.
There are Six heading tags <H1> to <H6>
Any text written in <H1> tags will appear as a large heading.
<H2> to <H6> will make progressively smaller headings.
Important difference between a title and a heading.
In HTML, <TITLE> gives the entire page an identifying name which is not displayed on the page.
The heading tags, cause some text on the page to be displayed.
Any text between the <H1> and </H1> tags will appear as a large heading.
Texts in different header
Paragraph tag
Horizontal line break
Now check how your HTML tags will work-
Center tag
Text will be displayed at the
center of the page
Rest page is same.
Aligning text to Center of the page
It will look as below-
Text is displayed at the center of
the page
Now we will add color in background and text
Notice body tag
Background of the page will become Pink
Font color will change to Blue
Go to saved file
Right click on it and Open with
Internet Explorer
Look background
color
Text color