Scribd Logo
Upload

Welcome to Scribd!

  • Css Assignment

    Uploaded by

    Aditya
    14 views6 pages
    The document contains 8 code examples demonstrating different CSS styling techniques. The examples style text, headings, lists, tables, forms, and links using properties like font, color, background, padding, border, and more. Inline, internal and external CSS is demonstrated. The last example also uses CSS to style nested lists and apply specific styling to list items using IDs.

    Original Description:

    Php assignment

    Original Title

    a

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains 8 code examples demonstrating different CSS styling techniques. The examples style text, headings, lists, tables, forms, and links using properties like font, color, background, padding, border, and more. Inline, internal and external CSS is demonstrated. The last example also uses CSS to style nested lists and apply specific styling to list items using IDs.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    14 views6 pages

    Css Assignment

    Uploaded by

    Aditya
    The document contains 8 code examples demonstrating different CSS styling techniques. The examples style text, headings, lists, tables, forms, and links using properties like font, color, background, padding, border, and more. Inline, internal and external CSS is demonstrated. The last example also uses CSS to style nested lists and apply specific styling to list items using IDs.

    Copyright:

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

    CSS ASSIGNMENT

    1)
    <!DOCTYPE html>
    <html>
    <head>
    <title>Q1</title>
    </head>
    <body>
    <p style="font-size: 20px">
    Hello.. My name is james
    <br><br>
    I am from BBSR
    </p>
    </body>
    </html>

    2)
    <!DOCTYPE html>
    <html>
    <head>
    <title>Q2</title>
    </head>
    <body>
    <h1 style="padding: 0.5em; border-style: dashed;margin: 0.5em;"><u> About
    Me</u></h1>
    <br><br>
    <h2 style="padding: 0.5em; border-style: dashed;margin:
    0.5em;">Hello</h2> <p>My Name is Mites.</p>
    <P>I am currently pursuing my B.Tech Degree in Computer Science and Engineering
    from ITER College.</P>
    </body>
    </html>
    3)

    <!DOCTYPE html>
    <html>
    <head>
    <title>Q3</title>
    </head>
    <body style="background-image: url(soa.png);">
    <h1>INTRODUCTION</h1> <p>Hello
    Everyone</p>
    <p>My Name is DON</p>
    <p>I am currently pursuing my B.Tech Degree in Computer Science and Engineering
    from ITER College.
    <br><br>
    </P>
    </body>
    </html>

    4)
    <!DOCTYPE html>
    <html>
    <head>
    <title>Q4</title>
    <style type="text/css">
    body{
    background-image: url(soa.png);
    }
    h1{
    color: blue;
    }
    a
    {
    color: blue;
    }
    a:hover{
    color: yellow;
    text-decoration: none;
    }
    </style>
    </head>
    <body>
    <h1>INTRODUCTION</h1>
    <p>Hello Everyone</p>
    <p>My Name is Sachin</p>
    <p>I am currently pursuing my B.Tech Degree in Computer Science and
    Engineering from ITER College.
    <br><br>
    <a href="http://www.sites.google.com/iterclassroom">Click here</a> to go to
    my webpage for college...
    </P>
    </body>
    </html>

    5) HTML file
    <!DOCTYPE
    html> <html>
    <head>
    <title>Q5</title>
    <link rel="stylesheet" type="text/css"
    href="cssq5_css.css"> </head>
    <body>
    <form>
    <label>User Name:</label>
    <input type="text" name="inp1" placeholder="Your Username Here">
    <br><br>
    <label>Password</label>
    <input type="Password" name="inp2"
    placeholder="**********"> <br><br>
    </form>

    </body>
    </html>

    CSS File
    input{
    background-color: yellow;
    color: red;
    }
    6)HTML File
    <!DOCTYPE html>
    <html>
    <head>
    <title>Q6</title>
    <link rel="stylesheet" type="text/css"
    href="cssq6_css.css"> </head>
    <body>
    <h1><u> 8th Semester Course</u></h1>
    <ul type="disc">
    <li>Web Development</li>
    <ul type="none">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    </ul>
    <br>
    <li>PHP/MySQL</li>
    <ul type="none">
    <li>PHP</li>
    <li>MySQL</li>
    </ul>
    </ul>
    </body>
    </html>

    CSS File
    body{
    background-color: yellow;
    margin: 0.5em;
    font-family: "Comic Sans MS", cursive, sans-serif;
    }
    7) HTML File
    <!DOCTYPE
    html> <html>
    <head>
    <title>Q7</title>
    <link rel="stylesheet" type="text/css"
    href="cssq7_css.css"> </head>
    <body>
    <table>
    <tr>
    <td>1</td>
    <td>2</td>
    </tr>
    <tr>
    <td>3</td>
    <td>4</td>
    </tr>
    </table>
    </body>
    </html>

    CSS File

    table,tr,td{

    border: 1px solid red;


    border-top-width: 3px;
    border-top-color: black;

    }
    8)HTML FILE
    <!DOCTYPE html>
    <html>
    <head>
    <title>Q8</title>
    <link rel="stylesheet" type="text/css"
    href="cssq8_css.css"> </head>
    <body>
    <h1>Shopping List for Monday</h1>
    <br><br><br>
    <ul type="disc" id="test1">
    <li>Milk</li>
    <li>Bread</li>
    <ul type="circe">
    <li id="line1">White Bread</li>
    <li id="line1">Rye Bread</li>
    <li id="line1">Whole Wheat Bread</li>
    </ul>
    <li>Rice</li>
    <li>Potatoes</li>
    <li>Pizza with <i>Mushrooms</i></li>
    </ul>
    <br><br><br>
    <a href="https://www.bigbasket.com/">Go to Grocery Store</a>
    </body>
    </html>
    CSS File
    h1{
    font-family: "Arial Black", Gadget, sans-serif;
    }

    #test1{
    list-style-position: outside;
    }

    #line1{
    text-decoration: underline;
    }

    You might also like