Your SlideShare is downloading. ×
YL basic tag
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

YL basic tag


Published on

YL basic tag

YL basic tag

Published in: Education

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. HTML Demo
    …By YuvaLakshya Team
    All rights reserved
  • 2. Learn to create simple HTML page-
    Click on Start
    Go to Run and type notepad
    Click on OK
  • 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
  • 4. Save the copy of this notepad
    Your file name should always end with “ .html “ extension . e.g demo.html
  • 5. Go to File Menu
    And click on Save As
    Always save file with “ .html “ extension
    Click on Save
  • 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 line break <br>
    For Horizontal line <hr>
  • 7. HTML does not recognizespaces 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 ahorizontal "rule"line which is a line break.
    It is used wherever you'd like to seea line across the page.
    <BR> and<HR> do not need a closing </BR> or </HR> tag.
    The <P> tag doesn't requirea closing </P> tag , it ends whenever the next tag begins.
  • 8. Any text between the <H1> and </H1> tags will appear as a large heading.
    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 atitleand a heading.
    In HTML, <TITLE> gives the entire page an identifying namewhich is not displayed on the page.
    The heading tags, cause some text on the page to be displayed.
  • 9. Now check how your HTML tags will work-
    Paragraph tag
    Texts in different header
    Horizontal line break
  • 10. Aligning text to Center of the page
    Center tag
    Text will be displayed at the center of the page
    Rest page is same.
  • 11. It will look as below-
    Text is displayed at the center of the page
  • 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
  • 13. Go to saved file
    Right click on it and Open with Internet Explorer
  • 14. Look background color
    Text color