Scribd Logo
Upload

Welcome to Scribd!

  • CSS

    Uploaded by

    Sajal Garg
    13 views3 pages
    External, Inline and Internal

    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
    External, Inline and Internal

    Copyright:

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

    CSS

    Uploaded by

    Sajal Garg
    External, Inline and Internal

    Copyright:

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

    Practical No.

    10 Aim: To design a webpage by utilizing INLINE CSS Source Code: <html> <head> <title>Inline CSS</title> </head> <body bgcolor="Ivory"> <p style="color:tomato;margin-left:400px;margin-right:400px;text-align:center;font-size:30px;fontstyle:italic;text-decoration:underline;">This is a test for inline Cascading style sheets. CSS seems to function well!!</p> </body> </html>

    Output

    Practical No.9 Aim: To design a webpage by utilizing INTERNAL CSS Source Code: <html> <head> <title>InternalCSS</title> <style> h1{color:white;text-align:center;font-style:bold;} p{color:yellow;margin-left:40px;font-style:italic;} body{background-image:url("Jellyfish.jpg");} </style> </head> <body> <h1>This is a test for internal Cascading style sheets.</h1> <p> CSS seems to function well!!</p> </body> </html>

    Output

    Practical No.8 Aim: To design a webpage by utilizing EXTERNAL CSS Source Code: 1.External.htm <html> <head> <title>ExternalCSS</title> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <h1>This is a test for External Cascading style sheets.</h1> <p> CSS seems to function well!!</p> </body> </html> 2. mystyle.css h1{text-align:center;text-decoration:underline;color:ivory} p{color:aqua;text-align:right;right-margin:30px;font-size:20px;font-style:itatic} body{background-image:url("Chrysanthemum.jpg")}

    Output

    You might also like