Scribd Logo
Upload

Welcome to Scribd!

  • Creating Frames: Multiple Sections Where Each Section Can Be Loaded Separately

    Uploaded by

    Israel Eyasu
    3 views7 pages

    Original Title

    css (1)

    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

    Copyright:

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

    Creating Frames: Multiple Sections Where Each Section Can Be Loaded Separately

    Uploaded by

    Israel Eyasu

    Copyright:

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

    Creating Frames

    HTML Frames are used to divide the web browser window into


    multiple sections where each section can be loaded separately.
    To create frames on a page, <frameset> tag is used instead of <body>
    tag.
    The <frameset> tag defines how to divide the window into frames.
    The rows attribute of the <frameset> tag defines horizontal frames
    and cols attribute defines vertical frames.
    Each frame is indicated by <frame> tag and it defines which HTML
    document shall open into the frame.
    What is CSS?

    CSS stands for Cascading Style Sheets


    CSS describes how HTML elements are to be
    displayed on screen, paper, or in other media
    CSS saves a lot of work. It can control the layout of
    multiple web pages all at once
    External stylesheets are stored in CSS files
    CSS can be added to HTML documents in 3 ways:

    • Inline - by using the style attribute inside HTML elements


    • Internal - by using a <style> element in the <head> section
    • External - by using a <link> element to link to an external CSS
    file
    inline CSS
    An inline CSS is used to apply a unique style to a single HTML element.
    An inline CSS uses the style attribute of an HTML element.
    <!DOCTYPE html>
    <html>
    <body>
    <h1 style="color: blue;">A Blue Heading</h1>
    <p style="color: red;">A red paragraph.</p>
    </body>
    </html>
    Internal CSS

    An internal CSS is used to define a style for a single HTML page.


    An internal CSS is defined in the <head> section of an HTML page, within a <style> element.
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {background-color: powder blue;}
    h1   {color: blue;}
    p    {color: red;}
    </style>
    </head>
    <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>
    External CSS
    An external style sheet is used to define the style for many HTML pages.
    To use an external style sheet, add a link to it in the <head> section of each HTML page:

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="styles.css">
    </head>
    <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>
    CSS Colors, Fonts and Sizes
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    h1 {
      color: blue;
      font-family: veranda;
      font-size: 300%;
    }
    p {
      color: red;
      font-family: courier;
      font-size: 160%;
    }
    </style>
    </head>
    <body>

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    </html>

    You might also like