basic HTML Demo with basic tags

Category: Entertainment

Presentation Description

No description available.


Presentation Transcript

HTML Demo : 

HTML Demo …By YuvaLakshya Team All rights reserved

Slide 2: 

Click on Start Go to Run and type notepad Click on OK Learn to create simple HTML page-

Slide 3: 

Open your simple webpage and we will modify it to make it better- Go to File Menu And click on Open Browse your file and click on Open

Slide 4: 

Your file name should always end with “ .html “ extension . e.g demo.html Save the copy of this notepad

Slide 5: 

Go to File Menu And click on Save As Always save file with “ .html “ extension Click on Save

Slide 6: 

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>

Slide 7: 

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.

Slide 8: 

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.

Slide 9: 

Texts in different header Paragraph tag Horizontal line break Now check how your HTML tags will work-

Slide 10: 

Center tag Text will be displayed at the center of the page Rest page is same. Aligning text to Center of the page

Slide 11: 

It will look as below- Text is displayed at the center of the page

Slide 12: 

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

Slide 13: 

Go to saved file Right click on it and Open with Internet Explorer

Slide 14: 

Look background color Text color