Scribd Logo
Upload

Welcome to Scribd!

  • Practical 1: Develop and Demonstrate The Usage of Inline, Internal and External Style Sheet Using Css. Solution

    Uploaded by

    Dencey
    5 views4 pages
    This document provides examples of using inline, internal, and external CSS stylesheets. For inline CSS, it demonstrates applying styles directly in HTML elements. For internal CSS, it shows defining styles in the <head> using <style> tags. For external CSS, it links to separate .css files to style elements. The solution provides code samples and expected outputs for each method.

    Original Description:

    Original Title

    Untitled

    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
    This document provides examples of using inline, internal, and external CSS stylesheets. For inline CSS, it demonstrates applying styles directly in HTML elements. For internal CSS, it shows defining styles in the <head> using <style> tags. For external CSS, it links to separate .css files to style elements. The solution provides code samples and expected outputs for each method.

    Copyright:

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

    Practical 1: Develop and Demonstrate The Usage of Inline, Internal and External Style Sheet Using Css. Solution

    Uploaded by

    Dencey
    This document provides examples of using inline, internal, and external CSS stylesheets. For inline CSS, it demonstrates applying styles directly in HTML elements. For internal CSS, it shows defining styles in the <head> using <style> tags. For external CSS, it links to separate .css files to style elements. The solution provides code samples and expected outputs for each method.

    Copyright:

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

    Practical 1: Develop and demonstrate the usage of inline, internal and external style sheet using

    CSS.

    Solution:

    (1) Inline CSS

    File : InlineCss.html

    <html>
    <head>
    <title> Inline CSS </title>
    </head>
    <body>
    <h1 style="color:red; font-family:Arial;">
    Inline CSS-1
    </h1>
    <h1 style="color:blue; font-family:Time New Roman;">
    Inline CSS-2
    </h1>
    <h2 style="color:green; font-family:Verdana;">
    Inline CSS-3
    </h2>
    </body>
    </html>

    Output :
    (2) Internal CSS

    File : InternalCss.html

    <html>
    <head>
    <title> Internal CSS </title>
    <style type="text/css">
    h1{color:red; font-family:Arial;}
    h2{color:blue; font-family:Arial;}
    </style>
    </head>
    <body>
    <h1> Internal CSS </h1>
    <h2> Internal CSS </h2>
    <h1> Internal CSS </h1>
    <h1> Internal CSS </h1>
    <h2> Internal CSS </h2>
    <h2 style="color:green; font-family:Arial;"> Internal CSS </h2>
    </body>
    </html>

    Output :
    (3) External CSS

    File : ExternalCss.html

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="style-1.css" />
    <link rel="stylesheet" type="text/css" href="style-2.css" />
    </head>
    <body>
    <h1> External CSS-1</h1>
    <h2> External CSS-2</h2>
    </body>
    </html>

    style-1.css
    h1{color:red; font-family:Arial;}}

    style-2.css
    h2{color:blue; font-family:verdana;}

    Output:
    Assessment Rubric:

    Parameter of
    Poor - 1 Fair - 2 Good - 4 Excellent - 5
    Assessment

    Not included the Included required Fair design with


    Exceptional catchy UI
    UI Content required UI UI components but required UI
    design.
    components. design is messy. components.

    The required The complete code is


    Code is partially Code is clumsy.
    Coding events related provided with
    written. Poor readability.
    code is provided. exception handling.

    All the required


    Implemented less Implemented 61- Implemented 81- functionality is
    Functionality than 60% of the app 80% of the app 90% of the app implemented with
    functionality. functionality. functionality. proper logic and
    comments.

    Includes all the


    Practical
    Poorly written and Fairly written but required files content
    Documentatio Fairly written and
    not submitted on not submitted on with description and
    n and submitted on time.
    time. time. output. Submitted on
    Submission
    time.

    Faculty Comments:

    Total Points - ________ Faculty Signature - ______________

    You might also like