Scribd Logo
Upload

Welcome to Scribd!

  • Computer Presentation Akhand Pratap Singh

    Uploaded by

    Abhishek Pratap
    3 views18 pages
    The document contains examples of HTML code for headings, paragraphs, lists, links, buttons, and applying styles. It demonstrates basic HTML elements and how to structure a webpage. It also shows how to add headings, paragraphs, unordered and ordered lists, links, buttons, and style text with colors, fonts, and padding. The final example applies the same class to a heading and paragraph to style them identically.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains examples of HTML code for headings, paragraphs, lists, links, buttons, and applying styles. It demonstrates basic HTML elements and how to structure a webpage. It also shows how to add headings, paragraphs, unordered and ordered lists, links, buttons, and style text with colors, fonts, and padding. The final example applies the same class to a heading and paragraph to style them identically.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views18 pages

    Computer Presentation Akhand Pratap Singh

    Uploaded by

    Abhishek Pratap
    The document contains examples of HTML code for headings, paragraphs, lists, links, buttons, and applying styles. It demonstrates basic HTML elements and how to structure a webpage. It also shows how to add headings, paragraphs, unordered and ordered lists, links, buttons, and style text with colors, fonts, and padding. The final example applies the same class to a heading and paragraph to style them identically.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 18

    Computer

    Presentation
    AKHAND PRATAP SINGH
    Class-X
    January
    2020
    <!DOCTYPE html>
    <html>

    Program:1 <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    </body>
    </html>

    2
    Output

    3
    Program:2
     <!DOCTYPE html>

     <body>

     <h1>This is heading 1</h1>


     <h2>This is heading 2</h2>
     <h3>This is heading 3</h3>
     <h4>This is heading 4</h4>
     <h5>This is heading 5</h5>
     <h6>This is heading 6</h6>

     </body> 4

     </html>
    Output@2

    Section 1 Title Section 2 Title


     Lorem ipsum dolor sit amet, consectetuer adipiscing  Lorem ipsum dolor sit amet, consectetuer adipiscing
    elit. Maecenas porttitor congue massa. Fusce posuere, elit. Maecenas porttitor congue massa. Fusce posuere,
    magna sed pulvinar ultricies, purus lectus malesuada magna sed pulvinar ultricies, purus lectus malesuada
    libero. libero.
     Nunc viverra imperdiet enim. Fusce est. Vivamus a
     Nunc viverra imperdiet enim. Fusce est. Vivamus a
    tellus.
    tellus.
     Pellentesque habitant morbi tristique senectus et netus
     Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
    et malesuada fames ac turpis egestas.

    5
    <!DOCTYPEClick
    html>icon to add chart

    <html>
    Program:3 <body>

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>

    </body>
    </html>

    6
    BIG IMAGE SLIDE
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit

    7
    Click icon to add picture

    Program:4
    <!DOCTYPE html>
    <html>
    <body>

    <h2>HTML Links</h2>
    <p>HTML links are defined with the a tag:</p>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html> 8
    VIDEO SLIDE

    9
    Program:5 <!DOCTYPE html>
    <html>
    <body>

    <h2>HTML Buttons</h2>
    <p>HTML buttons are defined with the button
    tag:</p>

    <button>Click me</button>

    </body>
    Customize this Template

    Template Editing
    Instructions and Feedback

    11
    Program:6
    <!DOCTYPE html>
    <html>
    <body>

    <h2>An Unordered HTML List</h2>

    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>

    <h2>An Ordered HTML List</h2>

    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    12
    </body>
    </html>
    13
    Program:7
    <!DOCTYPE html>
    <html>
    <body>

    <p>I am normal</p>
    <p style="color:red;">I am red</p>
    <p style="color:blue;">I am blue</p>
    <p style="font-size:50px;">I am big</p>

    </body>
    </html>

    14
    15
    Program:8
    <!DOCTYPE html>
    <html>
    <style>
    .city {
    background-color: tomato;
    color: Blue;
    padding: 20px;
    }
    </style>
    <body>

    <h2>Same Class, Different Tag</h2>


    <p>Even if the two elements do not have the same tag name, they can have
    the same class name, and get the same styling:</p>

    <h2 class="city">NewDelhi</h2>
    <p class="city">NewDelhi is the capital of India.</p>
    16
    </body>
    </html>
    17
    ThankYou

    18

    You might also like